Web Desain: Mengenal HTML

   


HTML (Hypertext Markup Language): HTML adalah bahasa teks murni yang digunakan untuk membuat dan memformat konten pada halaman web. Dengan HTML, pengembang web dapat menentukan struktur dan elemen-elemen dari sebuah halaman web, seperti teks, gambar, tautan, tabel, dan banyak lagi. Dokumen HTML disusun elemen elemen dasar yang membentuk struktur, kerangka dan format naskah HTML. Beberapa contoh elemen adalah: Head, body, table, paragraph, list dan lain lain.

Dalam penggunaan bahasa HTML, kita mengenal istilah tag. Tag adalah elemen yang digunakan untuk membangun struktur dan mengatur konten dalam sebuah halaman web. Tag dalam HTML ditulis dalam tanda "<>". Tag ada 2 jenis, pembuka dan penutup. Tag pembuka ditulis biasa dalam tanda "<>". Tag penutup ditulis dengan "</>". Contoh tag : <B> menuliskan huruf tebal </B>. dengan menggunakan tag di atas teks yang ada antara <B> sampai dengan </B> akan ditampilkan dengan format huruf tebal.

Sejarah Singkat HTML

HTML 1.0: HTML pertama kali diperkenalkan oleh Tim Berners-Lee pada tahun 1991. Ini adalah versi pertama dari HTML dan digunakan untuk membuat struktur dasar halaman web dengan elemen dasar seperti judul, paragraf, tautan, dan daftar.

HTML 2.0: Versi ini dirilis pada tahun 1995 oleh Internet Engineering Task Force (IETF). HTML 2.0 memperkenalkan beberapa perbaikan dan penambahan seperti pengenalan tabel dan formulir.

HTML 3.2: Dirilis pada tahun 1997, HTML 3.2 adalah versi yang lebih maju dan stabil. Ini menambahkan fitur seperti tabel yang lebih kompleks, gambar, dan kemampuan pemformatan yang lebih baik.

HTML 4.01: HTML 4.01 dirilis pada tahun 1999 dan menjadi standar HTML yang umum digunakan selama bertahun-tahun. Versi ini memperkenalkan beberapa perbaikan, seperti dukungan untuk CSS (Cascading Style Sheets) dan skrip sisi klien.

XHTML (HTML versi XML): Versi ini menggabungkan HTML dengan XML (eXtensible Markup Language). XHTML memperkenalkan aturan yang lebih ketat dalam menulis kode HTML, memaksa pengguna untuk mengikuti sintaks XML yang lebih ketat. Dua versi utama XHTML adalah XHTML 1.0 (2000) dan XHTML 1.1 (2001).

HTML5: HTML5 adalah versi terbaru dari HTML yang diperkenalkan oleh World Wide Web Consortium (W3C) pada tahun 2014. HTML5 menyediakan fitur yang lebih kaya, seperti elemen video dan audio, tag semantik yang lebih baik, peningkatan dukungan untuk grafik vektor (SVG), dan banyak lagi. Ini juga mendukung aplikasi web interaktif dan pengembangan permainan.

Struktur Dasar HTML

Struktur dasar dari HTML adalah sebagai berikut :
 

 <html>
  <head>
      <title>Judul Halaman</title>
  </head>
  <body>
      <!-- Konten Halaman Web -->
  </body>
  </html>

<h1> .. </h1>

membuat heading satu

<html> .. </html>

Awal dan akhir dokumen HTML

<head> .. </head>

mendefinisikan bagian kepala dokumen html. Section ini biasanya berisi informasi tentang dokumen HTML yang akan tampil dibagian header browser

<title> .. </title>

memdefiniskan judul halaman

<body> .. </body>

mendefinisikan body/isi dokument html. Section ini berisi data informasi yang akan ditampilkan di halaman web.

 <!-- ..... -->

Teks yang terletak antara <!—sampai -->, dinamakan komentar program. Komentar program tidak akan diproses dan tidak akan ditampilkan di browser