Mengenal HTML


Apa itu HTML?

HTML adalah sebuah bahasa pemrograman untuk menggambarkan dokumen web (halaman web).

  • HTML singkatan dari Hyper Text Markup Language
  • Sebuah bahasa pemrograman merupakan bagian dari tag pemrograman
  • Dokumen HTML juga dijelaskan oleh tag HTML
  • Setiap tag HTML menggambarkan konten dokumen yang berbeda


Contoh HTML

<!DOCTYPE html>
<html>
<head>
  <title>Judul Laman</title>
</head>

<body>

  <h1>Contoh Heading</h1>

  <p>Contoh paragraf.</p>

</body>

</html>

Penjelasan contoh

  • Deklarasi DOCTYPE mengartikan tipe dokumen sebagai HTML
  • Teks diantara <html>  dan </html> menggambarkan sebuah dokumen HTML
  • Teks diantara <head> dan </head> menyediakan informasi mengenai dokumen
  • Teks diantara <title> dan </title> menyediakan sebuah judul untuk dokumen
  • Teks diantara <body> dan </body> menggambarkan konten halaman yang terlihat
  • Teks diantara <h1> dan </h1> menggambarkan sebuah judul
  • Teks diantara <p> dan </p> menggambarkan paragraf

menggunakan deskripsi ini, sebuah web browser bisa menampilkan dokumen dengan sebuah sebuah heading dan sebuah paragraf.


Tag HTML

Tag HTML merupakan kata kunci (nama tag) dikurung oleh tanda kurung lancip.

<namatag>konten</namatag>
  • Tag HTML biasanya muncul berpasangan seperti <p> dan </p>
  • Tag pertama dalam sebuah pasangan tag merupakan tag awal, tag kedua merupakan tag akhir
  • Tag akhir ditulis seperti tag awal, tapi dengan sebuah garis miring sebelum nama tag

Browser Web

Tujuan dari sebuah browser web (Chrome, IE, Firefox, Safari, Opera) untuk membaca dokumen HTML dan menampilkannya.
Browser tidak akan menampilkan tag HTML, tapi menggunakannya untuk menentukan bagaimana menampilkan dokumen tersebut:

Contoh HTML

Hasil


Struktur Laman HTML

Di bawah ini adalah visualisasi dari sebuah struktur laman HTML:

Struktur Laman HTML

Struktur Laman HTML

*Hanya bagian yang diberada di tag <body> yang akan ditampilkan oleh browser


 

Deklarasi <!DOCTYPE>

Deklarasi <!DOCTYPE> membantu browser untuk menampilkan sebuah laman web dengan benar.
Ada berbagai tipe dokumen di web.
Untuk menampilkan sebuah laman web dengan benar, browser harus tahu tipe dan versi.
Deklarasi Doctype tidak sensitif dengan huruf. Semua huruf dapat diterima:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Deklarasi Umum

HTML5

<!DOCTYPE html>

HTML 4.01

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

XHTML 1.0

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

Versi HTML

Sejak awalan dari web, ada banyak versi HTML:

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

SUMBER:http://www.w3schools.com/html/html_intro.asp


Tentang Ariq Thabrani

Mempelajari algoritma dunia ini. Beta Tester. Maaf, bukan anak IG. gk suka minta2 like. Keep It Simple! Whatever.. •_•. L@Vanilla.ID www.ariq.xyz

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *