HTML Dasar: Pengenalan Awal, Manfaat dan Contohnya

Apa itu HTML ?

HTML (Hypertext Markup Language) adalah bahasa markup dasar yang digunakan untuk membuat halaman web. Bahasa ini dirancang untuk membuat struktur dan konten pada halaman web, dan dapat digunakan bersama dengan CSS (Cascading Style Sheets) dan JavaScript untuk menghasilkan tampilan dan fungsionalitas yang lebih menarik. Pengenalan Awal HTML pertama kali diperkenalkan pada tahun 1991 oleh Tim Berners-Lee, seorang ilmuwan komputer Inggris yang bekerja di CERN, sebagai cara untuk memperluas akses informasi dan memungkinkan kolaborasi antar peneliti melalui Internet. Saat ini, HTML digunakan oleh jutaan pengembang web di seluruh dunia untuk membuat situs web dari yang sederhana hingga yang sangat kompleks.

Manfaat HTML

HTML memiliki manfaat yang sangat penting dalam pengembangan web. Beberapa manfaatnya adalah:

1. Memungkinkan struktur halaman web HTML digunakan untuk membuat struktur pada halaman web, seperti membuat judul, paragraf, daftar, tabel, dan banyak lagi. Ini memudahkan untuk mengorganisir informasi pada halaman web dan membuatnya lebih mudah untuk dibaca dan dipahami oleh pengguna.
2. Menyediakan aksesibilitas web Dalam pengembangan web modern, aksesibilitas adalah hal yang sangat penting. Dengan HTML, pengembang dapat memastikan bahwa halaman web mereka dapat diakses oleh semua orang, termasuk pengguna yang memiliki kebutuhan aksesibilitas khusus.
3. Mendukung pengembangan web yang dinamis HTML dapat digunakan bersama dengan JavaScript untuk membuat aplikasi web yang dinamis dan interaktif, seperti game online dan aplikasi berbasis web lainnya.

Baca juga : Roadmap Untuk menjadi Frontend Developer

Contoh HTML Dasar

Berikut adalah beberapa contoh HTML dasar untuk membuat halaman web:

1. Membuat judul

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Judul Utama</h1>
    <h2>Judul Kedua</h2>
    <h3>Judul Ketiga</h3>
  </body>
</html>

  2. Membuat paragraf

<!DOCTYPE html>
<html>
  <body>
    <p>Ini adalah contoh paragraf. Paragraf digunakan untuk menulis teks panjang pada halaman web.</p>
  </body>
</html>

  3. Membuat daftar

<!DOCTYPE html>
<html>
  <body>
    <h2>Daftar Belanja</h2>
    <ul>
      <li>Apel</li>
      <li>Pisang</li>
      <li>Jeruk</li>
    </ul>
  </body>
</html>

  4. Membuat tabel

<!DOCTYPE html>
<html>
  <body>
    <table>
      <tr>
        <th>Nama</th>
        <th>Usia</th>
      </tr>
      <tr>
        <td>Andi</td>
        <td>25</td>
      </tr>
      <tr>
        <td>Budi</td>
        <td>30</td>
      </tr>
    </table>
  </body>
</html>