Materi: HTML

HTML, atau Hypertext Markup Language, adalah bahasa pemrograman yang mendasar dan merupakan tulang punggung dari sebagian besar halaman web yang Anda temui saat menjelajah internet. Dengan kata lain, HTML adalah bahasa yang digunakan untuk membuat struktur dasar dari situs web yang Anda lihat. Artikel ini akan membahas dasar-dasar HTML, perannya dalam pembuatan situs web, dan beberapa elemen kunci yang sering digunakan dalam kode HTML.

Apa Itu HTML?

HTML adalah singkatan dari Hypertext Markup Language. Ini adalah bahasa yang digunakan untuk membuat dan mengatur konten di web. HTML bekerja dengan cara yang cukup sederhana. Setiap halaman web dibangun dengan menggabungkan sejumlah elemen HTML yang menginstruksikan browser tentang bagaimana cara menampilkan konten tersebut kepada pengguna. Ini bisa berupa teks, gambar, tautan, atau elemen lainnya.

Struktur Dasar HTML

Sebuah dokumen HTML memiliki struktur dasar yang mencakup beberapa elemen utama:

  1. <!DOCTYPE html>: Ini adalah deklarasi tipe dokumen yang memberi tahu browser bahwa halaman ini adalah dokumen HTML5.
  2. <html>: Ini adalah elemen akar yang menyeliputi seluruh dokumen HTML.
  3. <head>: Bagian ini berisi informasi tentang dokumen, seperti judul halaman dan tautan ke file CSS atau JavaScript.
  4. <title>: Elemen ini digunakan untuk menentukan judul halaman yang akan ditampilkan di tab browser.
  5. <meta>: Ini digunakan untuk memberikan informasi tambahan tentang dokumen, seperti karakter encoding atau deskripsi halaman.
  6. <link>: Ini digunakan untuk menghubungkan dokumen HTML dengan file eksternal, seperti file CSS.
  7. <script>: Ini digunakan untuk menambahkan kode JavaScript ke halaman web.
  8. <body>: Bagian ini berisi konten utama halaman web, seperti teks, gambar, tautan, dan lainnya.

Elemen-elemen HTML Umum

Berikut adalah beberapa elemen HTML yang sering digunakan:

  1. <h1>, <h2>, <h3>, dst.: Digunakan untuk membuat judul atau heading. <h1> adalah yang tertinggi, dan <h6> adalah yang terendah dalam tingkat hierarki.
  2. <p>: Digunakan untuk membuat paragraf teks.
  3. <a>: Digunakan untuk membuat tautan (link) ke halaman web lain atau sumber daya.
  4. <img>: Ini digunakan untuk menampilkan gambar di halaman web.
  5. <ul> dan <ol>: Digunakan untuk membuat daftar tak berurutan (bulleted list) dan daftar berurutan (numbered list).
  6. <li>: Digunakan untuk menentukan item dalam daftar <ul> atau <ol>.
  7. <div>: Ini adalah elemen divisi yang digunakan untuk mengelompokkan dan mengatur konten dalam blok tertentu.
  8. <span>: Ini adalah elemen inline yang digunakan untuk menerapkan gaya atau memberikan identifikasi ke bagian teks tertentu.

Contoh Kode HTML Sederhana

<!DOCTYPE html>

<html>

<head>

    <title>Contoh Halaman HTML</title>

</head>

<body>

    <h1>Selamat Datang di Situs Web Kami</h1>

    <p>Ini adalah contoh halaman web sederhana yang dibuat dengan HTML.</p>

    <a href="https://www.contoh.com">Kunjungi Situs Kami</a>

    <img src="gambar.jpg" alt="Gambar Contoh">

    <ul>

        <li>Item 1</li>

        <li>Item 2</li>

        <li>Item 3</li>

    </ul>

</body>

</html>

Kesimpulan

HTML adalah bahasa pemrograman yang mendasar untuk pembuatan halaman web. Dengan pemahaman dasar tentang struktur dan elemen HTML, Anda dapat memulai perjalanan dalam pembuatan situs web. Semakin Anda menguasai HTML, semakin kompleks dan dinamis situs web yang dapat Anda buat. Itulah sebabnya HTML merupakan dasar yang penting untuk semua pengembang web.


Terakhir diperbaharui: Minggu, 10 September 2023, 12:25