Aturan Dasar Penulisan HTML
Disebut aturan dasar penulisan HTML karena ini merupakan inti yang membangun dokumen HTML sederhana.
Untuk membuatnya memiliki tampilan yang menarik dan menjadi dinamis sekaligus interaktif dibutuhkan kerjasama dengan kode pemrograman lainnya seperti CSS, dan Javascript. Secara tidak langsung dalam artikel sebelumnya anda telah menggunakan struktur dasar HTML ini.
Untuk menyegarkan kita tinjau kembali.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Cara Belajar HTML Dasar</title>
</head>
<body>
<h1>Heading Pertamaku</h1>
<p>Paragraf Pertamaku</p>
</body>
</html>struktur di atas telah sesuai dengan standar penulisan kode HTML5. Struktur penyusunnya terdiri atas:
<!DOCTYPE html>-- Deklarasi dokumen HTML versi 5<html></html>-- Elemen root html<meta charset='utf-8'/>-- meta tag<head></head>-- Elemen bagian kepala<body></body>-- Elemen bagian tubuh
Kaidah menulis dengan HTML
- Dokumen HTML harus dimulai dengan deklarasi
<!DOCTYPE html>. - Dimulai dengan tag pembuka
<namatag>dan selalu ditutup dengan tag penutup</namatag>. - Penulisan HTML bersifat non-sensitive case artinya menggunakan huruf besar, atau kecil atau mencampurkan keduanya hasilnya akan sama saja.
<!DOCTYPE html>
<HTml>
<hEAd>
<meta charset='utf-8'>
<tiTLE>HTML Bersifat Non-sensitive case</TItle>
</head>
<bodY>
<p>Lihat tag pembuka dan penutup masing-masing berbeda khan tapi program ini tetap dapat tampil tanpa error</P>
<H1>Lihat huruf h-nya berbeda</h1>
<p>Huruf p-nya juga</P>
</BOdy>
</htML>Anda bisa mencoba sendiri kode di atas dan jalankan di browser, hasilnya tetap terlihat normal bukan.
Beberapa pengecualian seperti untuk tag <br> yang berguna untuk membuat tulisan di baris baru atau tag untuk menyisipkan gambar <img/> juga ditulis langsung membuat tag penutup.
Saran Praktis Penulisan HTML
- Kode ditulis menggunakan huruf kecil. Ini akan memudahkan saat HTML dipadukan dengan bahasa pemrograman lain yang bersifat case sensitive.
- Gunakan petik tunggal ( ' ) saat menambahkan atribut. contoh: atribut “title” untuk membuat tooltip
<p
title='…'>Ini yang bisa saya bagikan tentang aturan dasar penulisan HTML semoga bisa membantu kita terutama penulis sendiri yang memang sedang belajar tentang pemrograman web.
