Hyper Text Markup Leguage (HTML)

Hyper Text Markup Leguage (HTML) logo

Rekayasa Perangkat Lunak

24 June 2024

Hyper Text Markup Leguage (HTML)

HTML, atau HyperText Markup Language, adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web. HTML menentukan struktur dari konten web dengan menggunakan elemen-elemen yang dikelilingi oleh tag. Tag ini menginstruksikan browser bagaimana menampilkan teks, gambar, dan elemen multimedia lainnya di halaman web.

Struktur Dasar HTML

HTML menggunakan elemen-elemen yang dikelilingi oleh tanda kurung sudut (< >). Berikut adalah contoh struktur dasar dokumen HTML:

Penjelasan:

  • : Deklarasi tipe dokumen yang menginformasikan kepada browser bahwa ini adalah dokumen HTML5.
  • : Elemen root yang menandakan awal dan akhir dari dokumen HTML.
  • : Bagian dari dokumen yang berisi meta informasi seperti judul halaman (), link ke stylesheet, dan meta tag lainnya.
  • : Menentukan judul halaman yang akan ditampilkan di tab browser.
  • : Bagian utama dari dokumen yang berisi konten yang akan ditampilkan di halaman web, seperti teks, gambar, video, dll.
  • : Tag heading untuk menampilkan teks sebagai heading tingkat 1 (biasanya digunakan untuk judul utama).
  • : Tag paragraf untuk menampilkan teks sebagai paragraf.

Elemen-elemen HTML

HTML memiliki banyak elemen yang digunakan untuk berbagai tujuan, seperti mengatur teks, menampilkan gambar, membuat tautan, dll. Beberapa elemen umum termasuk:

  1. Teks dan Paragraf:

    • hingga
      : Heading, dengan

      sebagai yang terbesar dan
      sebagai yang terkecil.
    • : Paragraf.

    • : Baris baru (line break).
    • : Teks tebal (bold).
    • : Teks miring (italic).
  2. Tautan dan Gambar:

    • : Tautan ke halaman atau sumber lain.
    • deskripsi: Menampilkan gambar.
  3. Daftar:

      • : Daftar tidak berurutan (bullet list).
        1. : Daftar berurutan (numbered list).
        2. : Item dalam daftar.
      • Tabel:

        • : Membuat tabel.
        • : Baris dalam tabel.
        • : Sel dalam tabel.
        • : Sel header dalam tabel.
      • Formulir:

        • : Membuat formulir.
        • : Elemen input seperti teks, tombol radio, checkbox, dll.
        • : Label untuk elemen input.