HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan merupakan bahasa pemrograman, melainkan suatu markup language (bahasa markah). HTML menggunakan markup tags atau biasa disebut HTML tags untuk mendeskripsikan halaman web. Tujuan dari sebuah web browser (seperti Internet Explorer, Firefox, Opera, Safari atau Google Chrome) adalah untuk membaca HTML documents kemudian menampilkannya sebagai halaman web. Browser tidak menampilkan HTML tags, tetapi menggunakan tag tersebut untuk menterjemahkan isi dari halaman web.


Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka (start tag/opening tag)  dan tag penutup (end tag/closing tag). Pada tag penutup ditambahkan karakter "/" setelah karakter "<", sebagai contoh <body> ini adalah tag pembuka, dan </body> ini adalah tag penutup.

b. Element
Dokumen HTML didefinisikan menggunakan elemen-elemen HTML/HTML elements. Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.

Start tag * Isi Elemen End tag *
<p> This is a paragraph </p>
<a href="google.com" > This is a link </a>
<br />

Sintaks elemen HTML mempunyai ciri sebagai berikut:
  • Elemen HTML dimulai dengan start tag/opening tag
  • Elemen HTML diakhiri dengan end tag/closing tag
  • Isi Elemen/element content adalah semua yang terdapat diantara start tag dan end tag
  • Beberapa elemen HTML tidak memiliki isi atau konten
  • Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
  • Sebagian besar elemen HTML dapat diberi atribut tertentu

Dalam penulisan dokumen HTML dipastikan menggunakan banyak elemen. Suatu elemen dapat berada di dalam elemen lain atau elemen tersebut menjadi isi/konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehingga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.

Contoh dokumen HTML: 
<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body>
</html>

Pada contoh diatas terdapat 4 buah elemen. Elemen-elemen tersebut adalah:

Elemen <title>. Elemen ini mendefinisikan suatu konten yaitu sebuah title pada dokumen HTML. Elemen ini dimulai dengan start tag <title> dan diakhiri dengan end tag </title>. Isi atau konten dari elemen ini adalah: Disini Judul Dokumen
<title>Disini Judul Dokumen</title>
Elemen <head>. Elemen ini mendefinisikan head/kepala dokumen HTML. Bagian ini berisi informasi umum tentang dokumen HTML. Informasi yang disediakan dalam elemen ini tidak ditampilkan di halaman web tetapi memberikan informasi kepada browser atau mesin pencari. Elemen ini dimulai dengan start tag <head> dan diakhiri dengan end tag </head>. Isi atau konten dari elemen ini adalah: elemen title (yang sudah dijelaskan diatas). 
<head>
  <title>Disini Judul Dokumen</title>
</head>
Elemen <body>. Elemen ini mendefinisikan suatu konten yaitu body/tubuh dokumen HTML. Bagian ini adalah konten halaman web yang akan tertampil pada halaman web. Elemen ini dimulai dengan start tag <body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah: Disini Body Dokumen 
<body>
  Disini Body Dokumen
</body>
Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen head dan elemen body (yang sudah dijelaskan diatas).
<html>
  <head>
    <title>Disini Judul Dokumen</title>
  </head>
  <body>
    Disini Body Dokumen
  </body> 
</html>
Elemen HTML yang tidak memiliki konten atau isi disebut empty element/elemen kosong. Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />. Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.

Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:
<p>Paragraf pertama</p>
<p>Paragraf kedua
Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimbulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

c. Attribute
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag/start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name="value".

Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut. 
<a href="http://www.belvatekindo.blogspot.com/">Belva Tekindo</a>
Jadi <a> merupakan elemen html, href adalah name atau nama atribut sedang Belva Tekindo adalah value atau nilai atribut.

Berikut adalah beberapa atribut standar yang hampir dipakai semua elemen:
Atribut Nilai Keterangan
class class_rule atau style_rule Kelas elemen
id id_name Nomor unik suatu elemen
style style_definition Definisi gaya atau style
title tooltip_text  Tulisan yang akan tertampil pada tool tip

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik ("…"). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperbolehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain.

Contoh :
name='Belva "Tekindo" Madiun'

Sangat disarankan untuk penulisan atribut dan nilainya tetap menggunakan huruf kecil karena pada versi HTML yang lebih baru (X)HTML meminta penulisan menggunakan huruf kecil.