1. Pengenalan HTML: Hypertext Markup Languange
HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari Hypertext Markup Language.
Berbeda dengan orang awam, mungkin hanya sekedar mendengar istilah HTML semata. Tanpa tahu makna pengertian HTML dan kegunaan sebenarnya. Terutama maksud di balik kode-kode yang tersusun
Kode HTML tersebut memastikan format teks dan gambar yang tepat untuk browser Internet. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya
Struktur Dasar HTML
Sebuah dokumen HTML terdiri dari elemen-elemen dasar, seperti tag <html>, <head>, dan <body>. Berikut adalah struktur dasar sebuah halaman HTML:
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Heading Utama</h1> <p>Ini adalah sebuah paragraf.</p> </body> </html>
Dalam contoh di atas, tag <html> digunakan untuk menandai awal dan akhir dokumen HTML. Tag <head> berisi informasi meta tentang halaman seperti judul (<title>), stylesheet, dan skrip JavaScript. Tag <body> berisi konten yang akan ditampilkan pada halaman web, seperti teks, gambar, video, dan elemen lainnya.
Elemen Dasar HTML
HTML memiliki banyak elemen yang dapat digunakan untuk membangun halaman web. Beberapa elemen dasar yang sering digunakan antara lain:
<h1>,<h2>,<h3>, ...<h6>: Tag heading digunakan untuk judul-judul dan sub-judul pada halaman web.<p>: Tag paragraf digunakan untuk menampilkan teks paragraf.<a>: Tag anchor digunakan untuk membuat tautan (link) ke halaman lain atau ke bagian-bagian dalam halaman yang sama.<img>: Tag gambar digunakan untuk menampilkan gambar pada halaman web.<ul>,<ol>,<li>: Tag ini digunakan untuk membuat daftar yang tidak terurut (<ul>) atau terurut (<ol>).<table>,<tr>,<td>: Tag ini digunakan untuk membuat tabel dan sel-sel dalam tabel.<form>,<input>,<button>: Tag ini digunakan untuk membuat formulir dan elemen-elemen input seperti teks, checkbox, dan tombol.
Atribut HTML
Setiap elemen HTML dapat memiliki atribut yang memberikan informasi tambahan tentang elemen tersebut. Contoh atribut yang sering digunakan antara lain:
id: Atribut ini memberikan identifikasi unik untuk elemen tertentu.class: Atribut ini memberikan satu atau lebih kelas yang dapat digunakan untuk memanipulasi gaya atau perilaku elemen menggunakan CSS atau JavaScript.src: Atribut ini digunakan untuk menentukan sumber gambar pada elemen<img>.
href: Atribut ini digunakan untuk menentukan alamat URL yang akan dituju pada elemen <a>.
Post a Comment