19
Document HTML bisa di bagi mejadi tiga bagian utama:
HTML HTML
1. HTML
Setiap document HTML harus di awali dan di tutup dengan tag HTML
HTML HTML
tag HTML memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah document HTML.
2. HEAD
Bagian header dari document HTML di apit oleh tag HEADHEAD di dalam bagian ini dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
HEAD TITLE TITLE
HEAD
3. BODY
Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.
BODY BODY
20
html head
title Judul yang ada di pojok kiri atas pada
browser title
head
body Disini tempat menuliskan teks,
menyisipkan tabel, gambar, animasi dll. body
html
Preview 1
hasil hasil
21
Contoh :
html head
titleHeading Elemettitle head
body h1Heading 1h1
h2Heading 2h2 h3Heading 3h3
h4Heading 4h4 h5Heading 5h5
h6Heading 6h6 body
html
Block level element yang sering di gunakan : Heading H1 sampai H6
Preview 2
hasil hasil
22
Contoh :
html head
titleFormating Paragraftitle head
body
h3Pelatihan HTMLh3 p
Palatihan HML di selenggarakan oleh Pustekkom Diknas
p body
html
Digunakan untuk memulai paragraf baru atau format paragraf
Preview 3 hasil
hasil
[
23
1. Unordered List tidak berurutan Bullet : Contoh :
html head
titleUnordere Listtitle head
body Contoh penggunaan Unordered List
p ul type=circle
liSeninli liselasali
liRabuli liKamisli
liJumatli liSabtuli
liMingguli
ulbody html
List item di gunakan untuk mengelompokkan data baik berurutan ordered list maupun yang tidak berurutan unordered list.
Ada 2 macam list yang bisa anda tambahkan ke document HTML:
Preview 4
hasil hasil
24
Bullet Kotak
Bullet Titik Bullet
Lingkara n
SQUARE DISC
CIRCLE TYPE
U L
Description Value
Attribute Tag
25
2. Ordered List Berurutan Numbering
Contoh : html
head titleOrdere Listtitle
head body
Scedule Pelatihan HTML p
ol start=1 type=I liSeninli
ol type=a liPengenalan HTMLli
liMembuat halaman
webli ol
liSelasali ol type=A
liMembuat Tabelli limenambahkan
Gambarli ol
liRabuli ol type=i
liMembuat Linkli ol
Preview 5
hasil
26
Begin Number n
START OL
Lower Roman Uper Roman
Uppercase Lowercase
I i
A a
TYPE OL
Description Value
Attribut e
Tag Ordered List Berurutan
Numbering
27
1. Begin row BR