Dalam lanskap digital modern, Hypertext Markup Language (HTML) telah menjadi tulang punggung World Wide Web. Sebagai bahasa markup yang mendefinisikan struktur dan konten dokumen web, HTML memungkinkan kita membuat, menampilkan, dan mengakses informasi di internet.
Sebagai dasar dari hampir setiap situs web, HTML memainkan peran penting dalam menyampaikan pengalaman pengguna yang mulus, memungkinkan kita menavigasi dan berinteraksi dengan konten online dengan mudah.
Pengertian HTML
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dokumen web.
Dokumen HTML terdiri dari serangkaian elemen yang didefinisikan oleh tag. Tag ini menginstruksikan browser cara menampilkan konten dokumen.
Struktur Dasar Dokumen HTML
Struktur dasar dokumen HTML adalah sebagai berikut:
- <html>
- <head>
- <body>
- </body>
- </head>
- </html>
Bagian <head> berisi informasi tentang dokumen, seperti judul dan metadata. Bagian <body> berisi konten yang akan ditampilkan di halaman web.
Singkatan HTML
HTML adalah singkatan dari HyperText Markup Language, bahasa markup yang digunakan untuk membuat dokumen web.
Sejarah dan Asal-usul Kepanjangan HTML
Istilah HTML pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1990. HTML awalnya dikenal sebagai Standard Generalized Markup Language (SGML) dan digunakan untuk menandai teks untuk berbagai tujuan, termasuk penerbitan dan pertukaran data.
Pada tahun 1993, Berners-Lee menerbitkan versi pertama HTML, yang disebut HTML 1.0. Versi ini menetapkan dasar untuk struktur dan sintaks HTML, yang terus berkembang dan diperbarui sejak saat itu.
Fungsi HTML
HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat dokumen web.
Fungsi utama HTML adalah untuk menentukan struktur dan konten halaman web, seperti:
- Membuat heading dan paragraf
- Membuat tautan ke dokumen lain
- Menyisipkan gambar dan video
- Membuat formulir dan tabel
Contoh Penggunaan HTML
Berikut adalah beberapa contoh cara HTML digunakan untuk membuat halaman web:
<h1>Judul Halaman</h1>membuat judul halaman web.<p>Ini adalah paragraf teks.</p>membuat paragraf teks.<a href="https://example.com">Tautan ke example.com</a>membuat tautan ke situs web lain.
Elemen HTML
Elemen HTML adalah blok penyusun dasar dari dokumen HTML. Setiap elemen memiliki nama unik dan serangkaian atribut yang menentukan penampilan dan fungsinya dalam halaman web.
Tabel berikut mencantumkan beberapa elemen HTML dasar dan penjelasannya:
| Nama Elemen | Deskripsi | Contoh Penggunaan |
|---|---|---|
| <html> | Elemen akar yang berisi seluruh dokumen HTML. | <html>…</html> |
| <head> | Bagian dokumen yang berisi informasi tentang dokumen, seperti judul dan metadata. | <head>…</head> |
| <body> | Bagian dokumen yang berisi konten yang terlihat oleh pengguna. | <body>…</body> |
| <h1>…<h6> | Elemen tajuk yang digunakan untuk membuat judul dan subjudul. | <h1>Judul Utama</h1> |
| <p> | Elemen paragraf yang digunakan untuk membuat paragraf teks. | <p>Ini adalah paragraf.</p> |
| <a> | Elemen jangkar yang digunakan untuk membuat tautan ke halaman web lain atau bagian dalam halaman yang sama. | <a href=”https://example.com”>Kunjungi Contoh.com</a> |
| <img> | Elemen gambar yang digunakan untuk menampilkan gambar di halaman web. | <img src=”gambar.jpg” alt=”Deskripsi Gambar”> |
| <ul>…</ul> | Elemen daftar tidak berurutan yang digunakan untuk membuat daftar item. | <ul><li>Item 1</li><li>Item 2</li></ul> |
| <ol>…</ol> | Elemen daftar berurutan yang digunakan untuk membuat daftar item dengan urutan tertentu. | <ol><li>Item 1</li><li>Item 2</li></ol> |
Struktur Dokumen HTML
Dokumen HTML mengikuti struktur logis yang terdiri dari elemen-elemen yang disusun secara hierarkis. Struktur ini memberikan kerangka dasar untuk konten web dan memfasilitasi penguraian oleh browser.
Hierarki Elemen HTML
Elemen HTML membentuk hierarki berjenjang yang dimulai dengan tag . Di dalam tag , tag
berisi informasi meta tentang dokumen, seperti judul dan informasi penulis, sementara tag berisi konten utama yang ditampilkan di jendela browser.Elemen-elemen lain, seperti heading ( hingga
), paragraf (
), daftar (
