HTML merupakan singkatan dari HyperText Markup Language, adalah dasar dari pembuatan sebuah halaman web. Seperti namanya, HTML merupakan sebuah Markup Language (Bahasa Markah), sehingga dapat dipelajari dan dimengerti oleh manusia dengan lebih mudah dibandingkan dengan Programming Language (Bahasa Pemrograman).
Pada dasarnya, untuk membangun sebuah website yang indah nan cantik, HTML tidak dapat berdiri sendiri. Melainkan harus didampingi oleh CSS (Cascading Style Sheet) dan JavaScript agar lebih menarik.
Dengan menggunakan HTML, kita dapat membuat struktur dasar dari sebuah halaman web. Perhatikan contoh berikut ini.
<!DOCTYPE html>
<html>
<head>
<title>Sahabatku</title>
</head>
<body>
<h1 class='title'>Halo Sahabat!</h1>
<p>Aku adalah sebuah paragraf</p>
</body>
</html>Dari contoh di atas, kita dapat mengetahui bahwa setiap kode HTML selalu ditutup dengan pasangannya. Pada contoh di atas, <title> ditutup dengan </title>, begitu pula dengan yang lainnya.
Kode <!DOCTYPE html> di atas tidak boleh ditutup karena itu merupakan sebuah tanda untuk memberitahu browser versi berapakah HTML yang digunakan.
Di dalam HTML, ada beberapa istilah yang harus dipahami, yaitu tag pembuka, nama tag, atribut, tag penutup, dan isi. Untuk mempermudah dalam memahami hal-hal tersebut, silakan perhatikan potongan kode berikut ini.
<h1 class='title'>Halo Sahabat!</h1>Keterangan:
- <h1 class='title'> merupakan tag pembuka, karena di awali dengan < dan diakhiri oleh >.
- h1 merupakan nama tag, karena disimpan setelah < dalam tag pembuka.
- class='title' merupakan atribut html, dimana class merupakan nama atribut dan title merupakan nilai atribut.
- Halo Sahabat! merupakan isi, karena ditempatkan di antara tag pembuka dan tag penutup. Inilah yang nantinya akan ditampilkan.
- </h1> merupakan tag penutup karena di awali dengan </ dan diakhiri oleh > di dalamnya terdapat nama tag yang sama dengan nama tag yang berada di tag pembuka (h1).
Tidak ada komentar:
Posting Komentar