Modul Web Design
Pengenalan HTML
Apa Itu Dokumen HTML ?
HTML kependekan dari Hyper Text Markup Language.
Dokumen HTML adalah text murni yang dapat dibuat dengan editor text sembarang.
Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang
disajikan dalam browser surfer. Dokumen ini berisi informasi ataupun interface
aplikasi di dalam Internet.
Penamaan Dokumen
Penamaan pada dokumen HTML dengan menambahkan
sebuah ekstensi “.htm” atau “.html”, ada pula yang sera otomatis tersimpan
sebagai html.
Definisi Elemen
Dokumen HTML disusun oleh elemen-elemen. “Elemen”
merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Beberapa
contoh elemen adalah: head, body, table, paragraf, dan list.
Definisi Tag
Untuk menandai berbagai elemen dalam suatu dokumen
HTML, kita menggunakan tag. Tag HTML terdiri atas sebuah tanda lebih dari
(“<”), sebuah mana tag/elemen, dan ditutup dengan tanda kurang dari
(“>”). Tag pada umumnya berpasangan (misalnya <H1> dengan</H1>),
tag yang menjadi pasangannya selalu diawali dengan tanda garis miring (“/”).
Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua
menunjukkan tag akhir, berarti akhir elemen.
Ada beberapa elemen yang tidak mengharuskan tagnya
ditulis berpasangan, tag tersebut diantaranya adalah:
·
Paragraf dengan tag <p>
·
Ganti baris dengan tag
<br>
·
Garis datar (horizontal)
dengan tag <hr>
·
List item dengan tag
<li>, dll
Secara umum suatu elemen dalam dokumen HTML, yang
dinyatakan dengan tagnya, dituliskan:
<namatag>
- </namatag>
Elemen HTML yang dibutuhkan
Secara umum dokumen web dibagi menjadi dua section
(bagian), yaitu section head dan section body. Sehingga setiap dokumen HTML
harus mempunyai ola dasar sebagai berikut:
<html>
<head>
... informasi tentang dokumen
HTML
</head>
<body>
... informasi yang
ditampilkan dalam browser web
</body>
</html>
Berikut contoh penulisan listing HTML:
Listing 1.1
contoh
<!--contoh.html-->
<html>
<head>
<title>Judul
Halaman</title>
</head>
<body>
Ini adalah
hompage pertamaku.
<b>Ini
sekedar text lainnya</b>
</body>
</html>
0 komentar:
Posting Komentar