Materi :
1. Memahami
struktur HTML
2. Memahami
format tag dasar HTML
Latihan :
A. Memahami
struktur HTMl
1. Buka Notepad
2. Ketikkan Struktur HTML
2. Ketikkan Struktur HTML
<Html>
<Head>
<Title>latihan1</Title>
</Head>
<Body>
</Body>
</Htlm>
|
3. Simpan kode dalam suatu folder dengan nama lat1.Html
4. Jalan
dengan web browser bisa dengan menggunakan mozilla,ie,opera,google chrome dst
5. Dan
kemudian buka file lat1.Html tersebut dari web browser yang sudah berjalan.
B. Memahami format
dasar tag HTML
Bahwa di
web juga seperti editor yang lainnya memiliki fungsi memformat teks seperti
format miring (italic), tebal (bold), garis bawah (underline), naik setengah
spasi (superscript), turun setengah spasi (subscript), coret (strike), format
apa adanya (preformated), dsb.
Beberapa
tag dasar yang harus dihapal sbb:
NO
|
TAG
|
KETERANGAN
|
1
|
<p>
</p>
|
Digunakan
untuk membuat paragraf
|
2
|
<hn>
dimana n adalah 1,2,3,4,5,6
|
Dugunakan
untuk membuat judul
|
3
|
<b>
|
Dugunakan
untuk membuat tulisan tebal
|
4
|
<i>
|
Digunakan
untuk membuat tulisan miring
|
5
|
<u>
|
Digunakan
untuk membuat tulisan bergaris bawah
|
6
|
<sup>
|
Digunakan
untuk membuat tulisan naik setengah spasi
|
7
|
<sub>
|
Digunakan
untuk membuat tulisan turun setengah spasi
|
8
|
<strike>
|
Digunakan
untuk mencoret tulisan
|
9
|
<pre>
|
Digunakan
untuk membuat tulisan apa adanya
|
10
|
<hr>
|
Digunakan
untuk membuat garis horizontal
|
11
|
<marquee>
|
Digunakan
untuk membuat teks berjalan
|
12
|
<center>
|
Digunakan
untuk membuat teks ke tengah
|
13
|
<ol>
Cth:
<li>satu</li>
<li>satu</li>
<li>satu</li>
</ol>
|
Digunakan
untuk membuat penomoran teks berurutan
|
14
|
<ul>
Cth:
<li>satu</li>
<li>satu</li>
<li>satu</li>
</ul>
|
Digunakan
untuk membuat
Penomoran
teks tidak berurutan
|
