Tutorial HTML 5: Pengenalan HTML

Tutorial belajar desain web dasar yang ditulis dalam web Aditif akan menggunakan standarisasi HTML5.

Apa itu HTML?

  • HTML adalah sebuah bahasa markup untuk mendeskripsikan dokumen web (halaman web).
  • HTML singkatan dari Hyper Text Markup Language
  • HTML bukanlah bahasa pemrograman, tetapi HTML adalah bahasa markup
  • Bahasa markup/tanda (markah: wikipedia) adalah seperangkat tag markup/tanda
  • Dokumen HTML menggunakan tag markup HTML untuk mendeskripsikan halaman dari sebuah web
  • Setiap Tag HTML mendeskripsikan konten dokumen yang berbeda

Contoh Dokumen HTML

Penjelasan Contoh:

  • Kode deklarasi <!DOCTYPE html> digunakan untuk mendefinikan bahwa dokumen ini menggunakan standar dokumen HTML5
  • Teks diantara <html> dan </html> mendeksripsikan sebuah dokumen HTML
  • Teks diantara <head> dan </head> menyediakan informasi berkaitan dengan dokumen
  • Teks diantara <title> dan </title> menyediakan informasi judul dari dokumen
  • Teks diantara <body> dan </body> menggambarkan konten halaman yang dapat dilihat dalam browser
  • Teks diantara <h1> dan </h1> mendeskripsikan sebuah header/judul dengan ukuran font terbesar
  • Teks diantara <p> dan </p> mendeskripsikan sebuah paragraf

Dengan deskripsi tersebut, web browser akan menampilkan sebuah dokumen dengan sebuah header dan sebuah paragraf.

Tag HTML

Tag HTML adalah sebuah kata kunci yang berada didalam sudut kurung seperti berikut.

  • Tag HTML biasanya berpasangan seperti <p> dan </p>
  • Tag pertama dalam pasangan HTML adalah tag awal dan tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, namun dengan tambahan garis miring (forward slash) yang disisipkan sebelum nama tag
  • Tag awal juga sering disebut sebagai tag pembuka dan tag akhir disebut tag penutup

Web Browser

Maksud dari adanya web browser adalah untuk dapat membaca dokumen HTML dan menampilkannya dalam layar.
Web browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menentukan bagaimana menampilkan dokumen.
Banyak browser pilihan yang sebaiknya diinstall oleh para desainer web yaitu, Internet Explorer (atau Microsoft Edge dalam Windows 10), Google Chrome, Opera dan Mozilla Firefox.
Sekarang banyak berkembang browser lainnya yang dibuat oleh perusahaan pengembang browser lainnya yang memiliki keunggulan masing-masing seperti, Safari, Maxthon, Comodo Dragon (Fire Dragon & Ice Dragon), Flock, Torch, QupZilla, Baidu dan masih banyak lagi yang lain. Tercatat dalam wikipedia ada lebih dari 100 browser yang dapat diinstall saat ini.

Struktur Halaman HTML

Berikut ini adalah gambaran dari struktur halaman HTML.

Hanya bagian <body> (are putih dalam gambar) yang ditampilkan dalam badan browser.

Deklarasi pengenal dokumen HTML5 <!DOCTYPE>

  • Tag <!DOCTYPE> mewakili tipe dokumen dan membantu browser untuk menampilkan halaman web dengan benar sesuai standarisasi dokumen yaitu HTML5.
  • Tag <!DOCTYPE> harus ditulis sekali saja di bagian atas halaman (sebelum tag HTML).
  • Ada jenis dokumen yang berbeda. Untuk menampilkan halaman web dengan benar, browser harus tahu jenis dan versi standar dokumen.
  • Deklarasi DOCTYPE tidak membedakan huruf besar dan kecil (not case sensitive). Semua penulisan dapat diterima dapat dicontohkan seperti berikut.

 

Deklarasi Umum <!DOCTYPE>

  • HTML5

  • HTML 4.01

  • XHTML 1.0

 

Versi HTML

Sejak kemunculan web diawal dahulu hingga sekarang, telah banyak versi standarisasi HTML yang dibuat dan dikembangkan. Berikut adalah urutannya.

  • Versi HTML Tahun 1991
  • Versi HTML 2.0 Tahun 1995
  • Versi HTML 3.2 Tahun 1997
  • Versi HTML 4.01 Tahun 1999
  • Versi XHTML Tahun 2000
  • Versi HTML5 Tahun 2014

Urutan tutorial selanjutnya dalam web Aditif akan menggunakan standarisasi HTML 5.

Add Comment

Loading Facebook Comments ...
Loading Disqus Comments ...