Pengenalan HTML

Diunggah oleh

Varima Davium
3 tayangan4 halaman
Pengenalan HTML tingkat dasar

Hak Cipta

© © All Rights Reserved

Format Tersedia

DOCX, PDF, TXT atau baca online dari Scribd

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Laporkan Dokumen Ini

Deskripsi:

Pengenalan HTML tingkat dasar

Hak Cipta:

© All Rights Reserved
Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
3 tayangan4 halaman

Pengenalan HTML

Diunggah oleh

Varima Davium

Deskripsi:

Pengenalan HTML tingkat dasar

Hak Cipta:

© All Rights Reserved
Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
dari 4

Pengenalan HTML

HTML merupakan bahasa markup untuk mendeskripsikan dokumen web (halaman


web).

Kepanjangan dari HTML yaitu Hyper Text Markup Language


Bahasa markup terdiri dari kumpulan tag markup
Dokumen HTML dideskripsikan melalui tag HTML
Tiap tag HTML menjelaskan konten dokumen yang berbeda-beda

Kode HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Penjelasan contoh kode HTML diatas :

Deklarasi DOCTYPE mendefinisikan bahwa tipe dokumen tersebut adalah


HTML
Teks antara <html> dan </html> menjelaskan sebuah dokumen HTML
Teks antara <head> dan </head> memberikan informasi tentang dokumen
Teks antara <title> dan </title> mendeskripsikan judul dari dokumen
Teks antara <body> dan </body> mendeskripsikan konten halaman yang
ditampilkan
Teks antara <h1> dan </h1> mendeskripsikan sebuah heading
Teks antara <p> dan </p> mendeskripsikan sebuah paragraph

Dengan menggunakan tag diatas, web browser dapat menampilkan sebuah


dokumen dengan heading dan paragraph.

Tag HTML

Tag HTML merupakan kata kunci (nama tag) yang diliputi oleh kurung sudut
<namatag>content</namatag>

Tag HTML normalnya berpasangan seperti <p> dengan </p>


Tag yang pertama pada pasangan disebut tag pembuka, tag kedua disebut
tag penutup
Tag penutup ditulis sebagaimana tag pembuka, hanya saja terdapat slash
sebelum nametag

Web Browsers
Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca
dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, akan tetapi menggunakannya untuk
menetapkan bagaimana dokumen ditampilkan

Struktur Halaman HTML


Dibawah ini merupakan visualisasi sebuah struktur halaman HTML :

Hanya bagian diantara <body> (bagian putih) yang ditampilkan oleh browser

Deklarasi <!DOCTYPE>
Deklarasi <!DOCTYPE> membantu browser untuk menampilkan halaman web
secara tepat. Terdapat berbagai macam tipe document pada web. Untuk
menampilkan dokumen secara tepat, browser harus tahu baik tipe maupun versi
yang digunakan. Penulisan deklarasi doctype tidak case sensitive. Artinya huruf
kecil atau huruf besar bisa diterima :
Contoh :
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

Deklarasi umum dari HTML

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 penemuan web tahap awal, terdapat berbagai versi dari HTML :

Version

Year

HTML

1991

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML

2000

HTML5

2014

Anda mungkin juga menyukai