HyperText Markup Language (HTML) adalah suatu bahasa script yang berisi perintah-perintah untuk menampilkan wujud terintegerasi dari suatu halaman web, dengan menggunakan tiga macam struktur dasar HTML yaitu tag, element, dan attribute.
HTML merupakan standar yang secara umum dipakai untuk membuat halaman web, baik itu didesign dengan HTML editor atau ditulis manual kedalam dokumen HTML seperti notepad. Berikut ini tutorial selengkapnya tentang struktur dasar HTML dengan contoh ilustrasi visual agar mudah dimengerti oleh pemula.
TAG
Tag adalah teks khusus yang berupa karakter "<" dan ">", contoh penerapannya <body>
Tag ditulis secara berpasangan yaitu tag pembuka dan tag penutup.
- Tag pembuka yaitu sebagai awal isi dokumen HTML, contoh <body>
- Tag penutup yaitu sebagai akhir isi dokumen HTML, dengan penambahan karakter "/",
contoh </body>
Penulisan tag berpasangan tidak boleh sembarangan, tapi ada tata caranya.
Penulisan yang benar :
Penulisan yang salah :
Satu lagi tag tidak selalu harus berpasangan, ada pula yang berdiri sendiri, misal <br />.
ELEMENT
Element terdiri dari tiga bagian yaitu tag pembuka, isi, dan tag penutup. Ada beberapa jenis element, seperti HTML, head, title, dan body.
1. Element HTML
Untuk menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML
2. Element Head
Sebagai kepala dari dokumen HTML, dengan tag "<head>" dan "</head>". Letaknya antara tag <html> dan </html>.
3. Element Title
Merupakan judul dari dokumen HTML, dengan tag "<title>" dan "</title>". Letaknya antara tag "<head>" dan "</head>".
4. Element Body.
Untuk menampilkan isi dokumen HTML, dengan tag "<body>" dan "</body>". Letaknya dibawah tag "</head>"
Dari masing-masing element tersebut, jika digabungkan maka ilustrasi sederhananya akan seperti bawah ini.
HTML merupakan standar yang secara umum dipakai untuk membuat halaman web, baik itu didesign dengan HTML editor atau ditulis manual kedalam dokumen HTML seperti notepad. Berikut ini tutorial selengkapnya tentang struktur dasar HTML dengan contoh ilustrasi visual agar mudah dimengerti oleh pemula.
TAG
Tag adalah teks khusus yang berupa karakter "<" dan ">", contoh penerapannya <body>
Tag ditulis secara berpasangan yaitu tag pembuka dan tag penutup.
- Tag pembuka yaitu sebagai awal isi dokumen HTML, contoh <body>
- Tag penutup yaitu sebagai akhir isi dokumen HTML, dengan penambahan karakter "/",
contoh </body>
Penulisan tag berpasangan tidak boleh sembarangan, tapi ada tata caranya.
Penulisan yang benar :
<head>
<title>
</title>
</head>
<title>
</title>
</head>
Penulisan yang salah :
<head>
<title>
</head>
</title>
<title>
</head>
</title>
Satu lagi tag tidak selalu harus berpasangan, ada pula yang berdiri sendiri, misal <br />.
ELEMENT
Element terdiri dari tiga bagian yaitu tag pembuka, isi, dan tag penutup. Ada beberapa jenis element, seperti HTML, head, title, dan body.
1. Element HTML
Untuk menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML
2. Element Head
Sebagai kepala dari dokumen HTML, dengan tag "<head>" dan "</head>". Letaknya antara tag <html> dan </html>.
3. Element Title
Merupakan judul dari dokumen HTML, dengan tag "<title>" dan "</title>". Letaknya antara tag "<head>" dan "</head>".
4. Element Body.
Untuk menampilkan isi dokumen HTML, dengan tag "<body>" dan "</body>". Letaknya dibawah tag "</head>"
Dari masing-masing element tersebut, jika digabungkan maka ilustrasi sederhananya akan seperti bawah ini.
<html>
<head>
<title>................................</title>
</head>
<body>...............................</body>
</html>
<head>
<title>................................</title>
</head>
<body>...............................</body>
</html>
ATTRIBUTE
Attribute berfungsi untuk mendefiniskan komponen dari elemen HTML, yang terdiri dari nama dan nilai. Berikut contoh penulisannya.
<body bgcolor="red"></body>
Keterangan : bgcolor adalah nama dari attribute, dan red adalah nilai dari atrribute