Sabtu, 11 Agustus 2018

Pengenalan HTML

Apa itu HTML?

  • HTML adalah bahasa markup standar untuk membuat halaman web.
  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur halaman web menggunakan markup
  • Elemen HTML adalah blok pembangun halaman HTML
  • Elemen HTML diwakili oleh tag
  • Tag HTML melabeli potongan konten seperti "pos", "paragraf", "tabel", dan seterusnya

·         Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman
Contoh dokumen HTML sederhana :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Contoh di atas menjelaskan
  • Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
  • Elemen <html> adalah elemen root dari sebuah halaman HTML
  • Elemen <head> berisi informasi meta tentang dokumen
  • Elemen <title> menentukan judul untuk dokumen
  • Elemen <body> berisi konten halaman yang terlihat
  • Elemen <h1> mendefinisikan heading besar
  • Elemen <p> mendefinisikan sebuah paragraph

Tag HTML


  • Tag HTML adalah nama elemen yang dikelilingi tanda kurung siku:
  • Tag HTML biasanya berpasangan seperti <p> dan </ p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag

Web Browser

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya pada browser. Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen, perhatikan gambar dibawah ini :



Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:



Deklarasi <! DOCTYPE>

Deklarasi <! DOCTYPE> mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar. Hanya harus muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun). Deklarasi <! DOCTYPE> tidak case sensitive artinya dapat ditulis dengan huruf besar maupun kecil. Deklarasi <! DOCTYPE> untuk HTML5 adalah:



Versi HTML

Sejak masa awal web, ada banyak versi HTML:

Version
Year
HTML
1991
HTML 2.0
1995
HTML 3.2
1997
HTML 4.01
1999
XHTML
2000
HTML5
2014


Sumber : www.w3school.com


0 komentar:

Posting Komentar