0

Loading ...

Pengantar HTML: Bahasa markup untuk Memahami Struktur Situs Web

HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membuat halaman web. Ini adalah komponen dasar dalam pengembangan web dan berfungsi sebagai tulang punggung untuk hampir semua situs web yang Anda temui di internet. Dalam artikel ini, kita akan menjelaskan pengertian dasar HTML dan beberapa elemen penting yang perlu Anda ketahui.

Apa itu HTML?

HTML adalah bahasa yang digunakan untuk menggambarkan struktur halaman web. Ini adalah akronim dari "Hypertext Markup Language". Markup dalam konteks ini merujuk pada tanda-tanda atau kode yang ditambahkan ke teks untuk memberikan instruksi pada bagaimana teks tersebut harus ditampilkan pada halaman web. HTML menggunakan elemen-elemen yang disebut "tag" untuk menggambarkan elemen-elemen seperti teks, gambar, tautan, dan lainnya pada halaman web.

Struktur Dasar HTML

Sebuah dokumen HTML terdiri dari elemen-elemen utama berikut:

  1. <!DOCTYPE> Declaration: Ini adalah deklarasi dokumen yang mendefinisikan versi HTML yang digunakan dalam halaman. Misalnya, <!DOCTYPE html> mengindikasikan penggunaan HTML versi terbaru.

  2. <html> Element: Ini adalah elemen akar yang mengelilingi seluruh halaman web.

  3. <head> Element: Bagian ini berisi informasi meta tentang halaman, seperti judul, tautan ke stylesheet, dan meta tag.

  4. <title> Element: Ini menentukan judul yang akan ditampilkan di tab peramban.

  5. <body> Element: Bagian ini berisi konten utama halaman web, seperti teks, gambar, tautan, dan elemen-elemen lainnya yang akan ditampilkan kepada pengunjung.

Contoh Penggunaan Tag Dasar

Berikut beberapa contoh penggunaan tag dasar dalam HTML:

html
<!DOCTYPE html> <html> <head> <title>Contoh Halaman HTML</title> </head> <body> <h1>Selamat Datang di Situs Saya</h1> <p>Ini adalah contoh paragraf dalam halaman web.</p> <a href="https://www.contohsitus.com">Kunjungi Contoh Situs</a> <img src="gambar.jpg" alt="Deskripsi Gambar"> </body> </html>

Pada contoh di atas, <h1>, <p>, <a>, dan <img> adalah tag yang digunakan untuk mengatur judul, teks paragraf, tautan, dan gambar pada halaman web.

HTML adalah dasar dalam pengembangan web, dan belajar bahasa ini adalah langkah pertama yang penting untuk menjadi seorang pengembang web. Dengan pemahaman dasar HTML, Anda akan dapat membangun struktur halaman web, dan itu adalah langkah awal yang penting dalam perjalanan Anda menuju pengembangan web yang lebih mendalam.HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membuat halaman web. Ini adalah komponen dasar dalam pengembangan web dan berfungsi sebagai tulang punggung untuk hampir semua situs web yang Anda temui di internet. Dalam artikel ini, kita akan menjelaskan pengertian dasar HTML dan beberapa elemen penting yang perlu Anda ketahui.

Apa itu HTML?

HTML adalah bahasa yang digunakan untuk menggambarkan struktur halaman web. Ini adalah akronim dari "Hypertext Markup Language". Markup dalam konteks ini merujuk pada tanda-tanda atau kode yang ditambahkan ke teks untuk memberikan instruksi pada bagaimana teks tersebut harus ditampilkan pada halaman web. HTML menggunakan elemen-elemen yang disebut "tag" untuk menggambarkan elemen-elemen seperti teks, gambar, tautan, dan lainnya pada halaman web.

Struktur Dasar HTML

Sebuah dokumen HTML terdiri dari elemen-elemen utama berikut:

  1. <!DOCTYPE> Declaration: Ini adalah deklarasi dokumen yang mendefinisikan versi HTML yang digunakan dalam halaman. Misalnya, <!DOCTYPE html> mengindikasikan penggunaan HTML versi terbaru.

  2. <html> Element: Ini adalah elemen akar yang mengelilingi seluruh halaman web.

  3. <head> Element: Bagian ini berisi informasi meta tentang halaman, seperti judul, tautan ke stylesheet, dan meta tag.

  4. <title> Element: Ini menentukan judul yang akan ditampilkan di tab peramban.

  5. <body> Element: Bagian ini berisi konten utama halaman web, seperti teks, gambar, tautan, dan elemen-elemen lainnya yang akan ditampilkan kepada pengunjung.

Contoh Penggunaan Tag Dasar

Berikut beberapa contoh penggunaan tag dasar dalam HTML:

html
<!DOCTYPE html> <html> <head> <title>Contoh Halaman HTML</title> </head> <body> <h1>Selamat Datang di Situs Saya</h1> <p>Ini adalah contoh paragraf dalam halaman web.</p> <a href="https://www.contohsitus.com">Kunjungi Contoh Situs</a> <img src="gambar.jpg" alt="Deskripsi Gambar"> </body> </html>

Pada contoh di atas, <h1>, <p>, <a>, dan <img> adalah tag yang digunakan untuk mengatur judul, teks paragraf, tautan, dan gambar pada halaman web.

HTML adalah dasar dalam pengembangan web, dan belajar bahasa ini adalah langkah pertama yang penting untuk menjadi seorang pengembang web. Dengan pemahaman dasar HTML, Anda akan dapat membangun struktur halaman web, dan itu adalah langkah awal yang penting dalam perjalanan Anda menuju pengembangan web yang lebih mendalam.


Comments

Su

Super admin

2 years ago

b

Leave a comment

Blog categories

Recent Posts