Nekellpedia - HTML adalah singkatan dari Hypertext Markup Language yang merupakan bahasa markup yang digunakan untuk membuat sebuah halaman web. HTML dapat digunakan untuk menentukan struktur dari sebuah halaman web, seperti judul halaman, paragraf, link, dan gambar.
Untuk memulai membuat sebuah halaman web menggunakan HTML, pertama-tama Anda perlu menyiapkan sebuah teks editor yang bisa digunakan untuk menulis kode HTML. Ada banyak teks editor yang bisa dipilih, seperti Notepad di Windows atau TextEdit di Mac atau CodeEditor di Android.
Setelah memiliki teks editor yang tepat, selanjutnya buka teks editor tersebut dan tuliskan kode HTML berikut ini:
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Hello World
</body>
</html>
Kode di atas merupakan struktur dasar dari sebuah halaman web yang menggunakan HTML. Pertama, baris pertama menggunakan tag `<!DOCTYPE html>` untuk menentukan/memberitahu browser bahwa dokumen ini adalah dokumen HTML5. Kemudian, tag `<html>` menandakan awal dari sebuah dokumen HTML, sementara tag `</html>` menandakan akhir dari dokumen tersebut.
Baca juga: Mengenal Dan Sejarah Tentang HTML.
Di dalam tag `<html>`, terdapat dua bagian utama, yaitu `<head>` dan `<body>`. Bagian `<head>` biasanya digunakan untuk menyimpan informasi tentang halaman web, seperti judul halaman, metadata, dan link ke file CSS dan JavaScript.
Sedangkan bagian `<body>` adalah bagian yang akan ditampilkan pada halaman web, di mana semua elemen HTML seperti judul, paragraf, link, dan gambar akan dituliskan di sini sebagai contoh dengan kode diatas menujukkan ada dua kata yaitu “Hello world” yang terdapan di antara tag maka `</body>` ketika file html tersebut di buka menggunakan browser maka akan muncul tulisan Hello world di layar.
Kemudian, kita dapat menambahkan teks pada halaman web dengan menggunakan element `<p>`. Elemen `<p>` digunakan untuk menampilkan paragraf teks. Tambahkan kode berikut di dalam elemen `<body>` : `<p>` Ini adalah halaman web sederhana menggunakan HTML.`<p>`
Baca juga: Pengertian Dan Pentingnya Tag HTML.
Selanjutnya, kita dapat menambahkan gambar pada halaman web dengan menggunakan element `<img>`. Elemen `<img>` digunakan untuk menambahkan gambar pada halaman web. Tambahkan kode berikut di dalam elemen `<body>` :
<img src="Link Gambar/Folder Gambar" alt="Gambar Halaman Web" width="500" height="300">
</body>
Pada elemen `<img>` , atribut src digunakan untuk menentukan nama file gambar yang akan ditampilkan. Sedangkan atribut alt digunakan untuk menentukan teks alternatif
Untuk menuliskan judul halaman, gunakan tag `<title>` di dalam tag `<head>`. Misalnya, jika Anda ingin menuliskan judul halaman sebagai “Tutorial HTML”, maka tuliskan kode berikut ini di dalam tag `<head>` :
<title>Tutorial HTML</title>
</head>
Selanjutnya, untuk menuliskan isi dari halaman web, Anda dapat menggunakan tag-tag HTML yang tersedia. Misalnya, untuk menuliskan sebuah judul, gunakan tag `<h1>` sampai `<h6>` tergantung tingkat judul yang ingin Anda tuliskan.
H1 sampai H6 adalah tag-tag heading (judul) yang tersedia dalam HTML. Masing-masing tag ini memiliki peran yang berbeda dalam membantu struktur dan navigasi dari sebuah dokumen HTML.
Tag H1 adalah tag heading terbesar yang tersedia dan biasanya digunakan sebagai judul utama dari sebuah halaman atau bagian besar dari dokumen HTML. Tag ini memberikan informasi penting tentang isi dari halaman tersebut dan bisa membantu pengguna untuk memahami topik yang dibahas di halaman tersebut.
Baca juga: Cara Menghindari Website Dari Para Peretas.
Tag H2 sampai H6 adalah tag heading yang lebih kecil dari H1, dan biasanya digunakan untuk membagi dokumen HTML menjadi bagian-bagian yang lebih kecil dan lebih terfokus. Tag-tag ini bisa digunakan untuk memberikan judul pada paragraf, sub-bagian dari dokumen, ataupun untuk memberikan informasi tambahan yang berkaitan dengan topik utama dari halaman tersebut.
Selain membantu dalam struktur dan navigasi dari sebuah halaman web, penggunaan tag H1 sampai H6 juga bisa membantu dalam optimisasi mesin pencari (SEO). Pencari seperti Google akan menganggap konten yang di-tag dengan H1 sebagai lebih penting dibandingkan dengan yang di-tag dengan H2, dan begitu seterusnya. Oleh karena itu, penggunaan tag heading yang tepat dan sesuai dengan aturan dapat membantu meningkatkan peringkat halaman web di hasil pencarian.
Dengan demikian, tag H1 sampai H6 memiliki peran yang penting dalam membantu struktur dan navigasi dari sebuah dokumen HTML, serta dapat membantu dalam optimisasi mesin pencari. Penggunaan tag heading yang tepat dapat membantu meningkatkan kualitas dan kemudahan navigasi dari sebuah halaman web.