Pengenalan Dasar HTML

on
Pengenalan Dasar HTML
Pengenalan Dasar HTML
Salam sejahtera kita semua. Di postingan kali ini kita akan berkenalan dengan HTML. Sebelum kita membahas bagaimana membuat sebuah halaman web menggunakan HTML maka terlabih dahulu kita harus mengetahui apa itu HTML. Berikut ini adalah pembahasan singkat mengenai Pengenalan Dasar HTML.

Apa itu HTML ?

  • HTML adalah bahasa markup untuk mendeskripsikan dokumen web ( halaman web ) .
  • Sebuah bahasa markup adalah seperangkat tag markup
  • HTML adalah singkatan dari Hyper Text Markup Language
  • dokumen HTML dijelaskan oleh tag HTML
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda.

Contoh HTML :

<!DOCTYPE html>
<html>
<head>
<title>Ini Judul Halaman Web</title>
</head>
<body>
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>

Keterangan :

  • Deklarasi DOCTYPE mendefinisikan jenis dokumen  HTML
  • Teks antara <html> dan </html> menggambarkan sebuah dokumen HTML
  • Teks antara <head> dan </head> memberikan informasi tentang dokumen
  • Teks antara <title> dan </title> memberikan judul untuk dokumen
  • Teks antara <body > dan </body> menggambarkan isi halaman yang terlihat
  • Teks antara <h1> dan </h1> menggambarkan judul
  • Teks antara <p> dan  </p>menggambarkansebuah paragraf.

Menggunakan deskripsi ini , web browser dapat menampilkan dokumen dengan judul dan paragraf .

Tag HTML


  • tag HTML adalah kata kunci ( nama tag ) dikelilingi oleh kurung siku
  • <namatag>konten </namatag>
  • tag HTML biasanya berpasangan
  • Tag pertama dalam pasangan adalah tag awal , tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal , tapi dengan sebuah garis miring sebelum nama tag

Tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup .

Web Browser

Tampilan Halaman HTML Pada Web Browser
Tampilan Halaman HTML pada Browser
  • Fungsi dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
  • Browser tidak menampilkan tag HTML, tetapi menampilkan hasilnya.

Struktur Halaman HTML

dibawah ini adalah struktur halaman HTML.
Struktur Halaman HTML
Struktur Halaman HTML

Deklarasi <!DOCTYPE>

Pendeklarasian <!DOCTYPE> membantu web browser untuk menampilkan halaman web dengan benar.
Ada yang berbeda jenis dokumen di web.
Untuk menampilkan dokumen dengan benar, browser harus tahu jenis dan versi HTML yang kita gunakan.
Deklarasi DOCTYPE tidak sensitif huruf. Boleh menggunakan huruf kapital ataupun campuran.
Contoh:

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

Semuanya benar!


HTML 5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Versi HTML

hingga sekarang ada beberapa versi HTML, yaitu : 
  • HTML 1.0 dirilis pada tahun 1991
  • HTML 2.0 dirilis pada tahun 1995
  • HTML 3.2 dirilis pada tahun 1997
  • HTML 4.01 dirilis pada tahun 1999
  • XHTML dirilis pada tahun 2000
  • HTML5 dirilis pada tahun 2014
Demikianlah pembahasan singkat mengenai Pengenalan Dasar HTML. Semoga bermanfaat.

Comments

Post a Comment