18 Jan 2017

Belajar HTML : Pengenalan HTML


Apa Itu HTML ?

HTML adalah bahasa markup standard untuk membuat konten dari sebuah Halaman Web

  • HTML merupakan singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur dari sebuah Halaman Web
  • Element pada HTML merupakan blok bangunan dari halaman HTML
  • Element pada HTML diwakili dengan tag
  • Label tag pada HTML merupakan potongan dari konten seperti "heading", "table", "paragraph", dan masih banyak lagi
  • Tag HTML tidak ditampilkan di dalam Browser, melainkan menggunakannya untuk membuat konten dari halaman

Contoh Document HTML Sederhana


<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Ini Heading</h1>
<p>Ini Paragraf</p>

</body>
</html> 

Penjelasan

  • Deklarasi <!DOCTYPE html> Mendefinisikan dokumen sebagai HTML5
  • Element <html> adalah inti dari sebuah halaman HTML
  • Element <head> berisikan informasi META tentang dokumen
  • Element <title> untuk memberi judul dokumen HTML
  • Element <body> berisikan konten yang terlihat oleh Browser
  • Element <h1> Mendefinisikan sebuah Judul yang besar
  • Element <p> Mendefinisikan sebuah paragraf

HTML Tags


HTML tag adalah sebuah nama element yang di kelilingi dengan kurung sudut :
<namatag>isi konten ada di sini...</namatag>
  • HTML tag biasanya datang membawa pasangan seperti <p> dan </p>
  • Tag pertama disebut dengan tag pembuka
  • Tag kedua disebut dengan tag penutup
  • Tag penutup ditulis seperti tag pembuka, tapi dengan ditambahi garis miring sebelum nama tag

Struktur Halaman HTML


Berikut ini adalah visualisasi dari struktur halaman HTML :

Struktur Halaman HTML

Deklarasi

  • Deklarasi mewakili tipe dokumen HTML, dan membantu browser untuk menampilkan halaman secara benar.
  • Harus ada satu di bagian paling atas (sebelum HTML tags apapun).
  • Deklarasi tidak bersifat case sensitive.
  • Berikut ini contoh deklarasi untuk HTML :
    <!DOCTYPE html>

HTML Versions


Sejak ditemukannya HTML oleh Tim Berners-Lee. Sekarang ini telah terdapat beberapa versi dari HTML :
Versi Tahun
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014