FORMAT TEXTFORMAT 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 à _{……teks….…} dan

^{……..teks….…}– 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 HTMLLIST HTML

List List adalah sebuah uraian yang terdiri atas itemadalah sebuah uraian yang terdiri atas item--item dari suatu daf tar yang dilengkapi dengan nomor item dari suatu daf tar yang dilengkapi dengan nomor baik nomor alpabetik atau numerik. Dalam dokumen baik nomor alpabetik atau numerik. Dalam dokumen terdapat dua bentuk daftar atau list, yaitu:terdapat dua bentuk daftar atau list, yaitu:

Ordered List / List BernomorOrdered List / List BernomorModel 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 List / List Tanpa NomorUnordered List / List Tanpa NomorModel 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 IMAGEImage atau gambar 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 Interchange Format ) dan JPEG(Joint Photographics Experts Group).Fungsi pengolahan gambar terdiri atas:

CatatanCatatan: :

•• imgimg srcsrc sangatsangat tergantungtergantung padapada lokasilokasi dimanadimana file file disimpandisimpan..

•• sebaiknyasebaiknya semuasemua image image disimpandisimpan menjadimenjadi satusatu didifolder folder imageimage..

•• Tag untuk Tag untuk COMMENT:COMMENT: tidak tampil di webtidak tampil di web

< ! < ! -- -- -- -- >>

1. 1. Image Alignment/Perataan Teks Pada Image Alignment/Perataan Teks Pada GambarGambar ::

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”>

contohcontoh

2. 2. Image Adjustment/Ukuran GambarImage 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”>

contohcontoh

3.3. Image Alternate/Teks GambarImage 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……”>

contohcontoh

4. 4. Image Link/Link GambarImage 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>

contohcontoh

LINKLINKLinkLink 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: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>

contohcontoh

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>

contohcontoh

3. Link Self

adalah link yang digunakan untuk mengaitkan bagian yang satu dengan yang lainnya di dalam satu halaman web. Contoh:

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

Contoh Contoh ––Contoh Halaman Web:Contoh Halaman Web:

Buatlah contohBuatlah contoh--contoh di bawah ini :contoh di bawah ini :•• texttext.html.html•• olol.html.html•• ulul.htm.htm•• ImgImg..htmlhtml•• linklink.html.html

text.htmltext.html

ol.htmlol.html

ul.htmul.htm

img.htmimg.htm

Link.htmlLink.html