Pengenalan HTML - Purwana Tekno, Software Engineer
    Media Belajar membuat Software Aplikasi, Website, Game, & Multimedia untuk Pemula...

Post Top Ad

Minggu, 01 Januari 2017

Pengenalan HTML

Apa itu HTML?

- Kepanjangan Hyper Text Markup Language
- Menjelaskan struktur dari halaman sebuah web
- Setiap elemen HTML membangun blok dari suatu halaman
- Elemen HTML direpresentasikan oleh tag

Tag HTML

<namatag> konten .. </namatag>

Seperti contoh format diatas, tag memiliki awalan dan akhiran.
Tips : tag awalan biasa disebut tag pembuka, dan tag akhiran biasa disebut tag penutup.


Web Browser

Adalah alat untuk membaca dokumen HTML dan menampilkannya di layar (cth Chrome, IE, Firefox, Safari). Browser ini tidak menampilkan tag HTML sebuah dokumen, tetapi menampilkan output dari bagaimana seharusnya tag - tag HTML tersebut muncul di layar.


Struktur Halaman HTML

berikut adalah visualisasi dari strutur halaman HTML

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Ini Adalah Heading</h1>
<p>Ini Paragraf</p>
<p>Dan ini paragraf lainnya..</p>
</body>
</html>

--
catatan : hanya konten didalam tag <body> yang ditampilkan di layar browser

Deklarasi <!DOCTYPE>

Deklarasi <!DOCTYPE> merepresentasikan tipe dokumen, dan membantu browser menampilkan secara benar.

Deklarasi harus hanya ditampilkan sekali, di bagian paling atas halaman (sebelum tag HTML),  tidak case sensitif.

contoh deklarasi <!DOCTYPE> untuk HTML5
<!DOCTYPE html>

Versi HTML

Seiring perkembangan dari teknologi web, banyak versi dari HTML yang telah dihasilkan:

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

Post Top Ad