Penulisan elemen tag pada HTML harus mengikuti aturan yang sudah ditetapkan pada HTML5. Atribut dan nilai yang melekat pada elemen HTML juga harus ditulis sesuai standar format yang sudah ditetapkan. Misalnya penulisan nama tag harus menggunakan huruf kecil semua. Kemudian tag pembuka elemen HTML harus segera ditutup dengan tag penutup. Jika elemen tersebut menyertakan atribut, nama atribut harus menggunakan huruf kecil semua. Nilai atribut juga harus menggunakan tanda petik tunggal maupun ganda.
Penulisan elemen yang tidak sesuai dengan kaidah dan aturan akan menghasilkan halaman HTML yang tidak sempurna dan sehingga tampilannya tidak akan sesuai dengan yang diharapkan. Hal ini disebabkan karena browser tidak bisa menginterprestasikan dengan baik tag-tag pembentuk struktur halaman HTML jika dituliskan dalam kondisi tidak standart.
Berikut ini contoh penulisan kode HTML yang salah :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>Penulisan kode HTML yang salah</title>
</head>
<body>
<h1>Ini adalah heading
<p> Ini adalah paragraf
<p align=center>Paragraf rata tengah</p>
<p align=RIGHT>Paragraf rata kanan</p>
<b><u>Teks format bold and underline</b></u>
</body>
</html>
Pada contoh kode di diatas terdapat beberapa kesalahan penulisan. Kesalahan pertama adalah tidak menggunakan tag penutup pada elemen heading <h1> yang penulisan seharusnya <h1>...</h1>. Kemudian pada elemen paragraf yang ke-dua juga tidak memiliki tag penutup, seharusnya <p>...</p>. Lalu pada paragraf yang ke-tiga tidak menggunakan tanda petik tunggal maupun ganda, seharusnya <p align="center">...</p>. Kemudian pada paragraf yang ke-empat adalah menggunakan huruf besar tanpa menggunakan tanda petik tunggal maupun ganda. Dan yang terakhir kesalahan pada penempatan format teks yang terbalik, seharusnya <b><u>...</u></b>
Berikut ini contoh penulisan kode HTML yang benar :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>Penulisan kode HTML yang benar</title>
</head>
<body>
<h1>Ini adalah heading</h1>
<p> Ini adalah paragraf</p>
<p align="center">Paragraf rata tengah</p>
<p align="right">Paragraf rata kanan</p>
<b><u>Teks format bold and underline</u></b>
</body>
</html>
Penulisan elemen HTML yang baik :
Berikut ini contoh beberapa metoda penulisan elemen HTML yang baik :
Penulisan atribut HTML yang baik :
Berikut ini contoh beberapa metoda penulisan atribut dan nilai atributnya :
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
Previous Page
