Anda di halaman 1dari 15

FORMAT TEXT

– Cetak Tebal à<b>….teks…</b>


– Cetak miring à <I>….teks….</I>
– Cetak Garis bawah à <u>….teks…</u>
– Mengecilkan huruf à <small>….teks…</small>
– Membesarkan huruf à <big>…teks….</big>
– Teks yang ditebalkan(sama dgn <b>)à <strong>…..teks…..</strong>
– Penekanan teks menjadi huruf miring (sama dgn <I>) à
<emphasis>…teks…</emphasis>
– Mencoret teks à <strike>….teks….</strike>
– Subscript dan superscript à <sub>……teks….…</sub> dan
<sup>……..teks….…</sup>
– Preformated text/pre à <pre>………..teks………….</pre>
– Akronim/acronym
<acronym [properti]>………….teks…….</acronym>
properti à title adalah mendefinisikan singkatan yang digunakan
– Quotation panjang/blockquote(kutipan panjang)
<blockquote>………..teks………..</blockquote>
LIST HTML

List adalah sebuah uraian yang terdiri atas item-


item -
item dari suatu daf tar yang dilengkapi dengan nomor
baik nomor alpabetik atau numerik. Dalam dokumen
terdapat dua bentuk daftar atau list, yaitu:
Ordered List / List Bernomor
Model dari suatu daftar yang setiap itemnya diberikan
nomor. Sintaksnya:
<ol [properti]>
<li>........isi list...........
<li>........isi list...........
<li>........isi list...........
</ol>
Keterangan :
- Tag OL diambil dari nama bentukàOrdered List.
- Atribut berisi type atau start / mulai penomoran list.
- Ada empat bentuk type: a, A, i, I.
Unordered Li st / List Tanpa Nomor
Model dari suatu daftar yang setiap itemnya tidak
diberikan nomor, akan tetapi digantikan dengan
bulleted list. Sintaksnya:
<ul [properti]>
<li>........isi list..........
<li>........isi list...........
<li>........isi list...........
</ul>
Ket:
- Tag UL diambil dari nama bentukàUnordered List.
- Atribut berisi type.
- Ada tiga bentuk type: disc(l), circle(¡) ,square(n)
FORMAT IMAGE
Image atau gambar adalah semua jenis
file yang disusun dari pixels. Yang
berfungsi untuk menambah daya tarik dari
sebuah halaman web. Pada umumnya
yang ditampilkan mempunyai format
gambar GIF(Graphics I nterchange Format )
dan JPEG(Joint Photographics Expert s
Group).Fungsi pengolahan gambar terdiri
atas:
Catatan::
Catatan
• img src sangat tergantung pada lokasi dimana file
disimpan..
disimpan
• sebaiknya semua image disimpan menjadi satu di
folder image
image..
• Tag untuk COMMENT: tidak tampil di web

<!-- -->
1. Image Alignment/Perataan Teks Pada
Gambar :
Perataan teks pada gambar terdiri dari dua
bagian yaitu Horisontal(left/center/right)
dan Vertikal(Top/Middle/Bottom).
Sintaksnya:
<img src=”Gambar/Sumber Data Gambar”
align=”left/center/right”>
<img src=”Gambar/Sumber Data Gambar”
align=”top/middle/bottom”>
contoh
2. Image Adjustment/Ukuran Gambar

Digunakan untuk mengatur l ebar dan


tinggi dari sebuah gambar dal am
sebuah halaman web. Sintaksnya:
<img border=”ukuran/angka ”
src=”Gambar/Sumber Data Gambar ”
width=”angka” height=”angka”>
contoh
3. Image Alternate/Teks Gambar

Digunakan untuk menampi lkan teks


pada saat kursor mouse berada
diatas gambar. Sintaksnya:
<img src=”Gambar/Sumber Data
Gambar” width=”angka”
height=”angka” alt=”…..isi
teks……”>
contoh
4. Image Link/Link Gambar

Digunakan untuk mengai tkan gambar


dengan halaman tertentu di dalam
sebuah halaman web. Sintaksnya:
<a href=”nama_file.html”><img
src=”Gambar/Sumber Data Gambar ”
width=”angka” height=”angka”></a>
contoh
LINK
Link adalah fasilitas dimana dapat berpindah tempat dari
halaman satu ke halaman lain yang ditandai dengan
menggarisbawahi teks yang akan dilink, atau pointer mouse
akan berubah menjadi bentuk jari apabila berada pada objek
link (gambar/teks) yang diikuti dengan tersorotnya objek link
(gambar/teks) . Hyperlink dalam sebuah dokumen HTML
menggunakan tag Anchor<a> dan diakhiri dengan </a>.
Sintaksnya:
<a href=”nama_dokumen yang dilink”
[atribut]>……..teks/gambar,,,,,,</a>
Dalam dokumen HTML hperlink secara garis besar dibagi
menjadi 3, yang terdiri dari:
1. Link Absolut

adalah link yang digunakan untuk


mengaitkan halaman web yang satu
dengan suatu situs internet atau
website. Contoh :
<a href=www.w3scholls.com>Pusat
Pengolahan Data Akademik</a>
contoh
2. Link Relatif

adalah link yang digunakan untuk


mengaitkan halaman web yang satu
dengan halaman web yang lainnya
didalam satu situs internet. Contoh:
<a href =“Contoh Latihan_link”>Ke
latihan_link </a>
contoh
3. Link Self

adalah link yang digunakan untuk


mengaitkan bagian yang satu dengan
yang lainnya di dalam satu hal aman
web. Contoh:

<a href=”#bab1”>Lihat bab1</a>


contoh
Contoh –Contoh Halaman Web:
Buatlah contoh-
contoh-contoh di bawah ini :
• text
text.html
.html text.html

• ol
ol.html
.html ol.html

• ul
ul.htm
.htm ul.htm

• Img
Img..html img.htm

• link
link.html
.html Link.html