FORMAT TEKS
BLOCKQUOTE
• Fungsinya browser akan menampilkan teks menjorok ke
dalam
PERFORMATTED TEXT <PRE>
• Fungsinya untuk menampilkan teks sama seperti yang
ada ketikkan dalam dokumen HTML
KARAKTER KHUSUS
LIST
List item merupakan perintah yang di gunakan dalam
HTML untuk membuat daftar atau pengelompokkan kata
[list].
Unordered List (Bullet)
• <ul>: Digunakan membuat list dengan tanda bullet.
Type Atribut yang menyertai yaitu:
– Circle (Default)
– Disc
– Square
LIST (Cont . . . )
Ordered List (Numbering)
• <ol>: Digunakan membuat list dengan numbering. Type
atribut yang menyertai:
I >> Menggunakan romawi huruf besar
i >> Menggunakan romawi huruf kecil
a >> Menggunakan abjad huruf kecil
A >> Menggunakan abjad huruf besar
1 >> Default
LIST (Cont . . . )
Definition List
<dl>: untuk mendefinisikan definition list
<dt> : untuk mendefinisikan definition term
<dd> : untuk mendefinisikan definition description
SINGKATAN (AKRONIM)
• Tag <abbr> dan tag <acronym>
• Di gunakan untuk menyimpan data
kepanjangan dari suatu singkatan yang di
tampilkan dalam dokumen
• Atribut yang di gunakan title
• Contoh penulisannya :
<abbr title=“kepanjangannya”>singkatan</abbr>
<acronym title=“kepanjangannya”>singkatan</acronym>
TAG ADDRESS
• Salah satu elemen yang umum digunakan
untuk menstandarkan penulisan alamat.
• Di awali dengan Tag <address> dan di akhiri
dengan </address>
• Contoh :
<address>
STMIK AMIKOM Yogykarta<br />
Kampus Terpadu: Jl.Ring Road Utara<br />
Condong Catur<br />
Sleman<br />
Yogykarta
</address>
ARAH TEKS
• Untuk mengubah teks dari kiri ke kanan (left
to right – ltr) menjadi dari kanan ke kiri (right
to left – rtl).
• Tag <bdo> - bidirectional override
• Merupakan tag di gunakan untuk
mendefinisikan arah penulisan teks.
• Atribut: dir
• Contoh :
<bdo dir="rtl">Teknik Informatika</bdo>
Tag Disipkan atau Dihapus
• Koreksi terhadap suatu teks dapat di
simulasikan / di perlihatkan dengan
menggunakan tag <ins> dan tag <del> untuk
menunjukkan hasil koreksi yang di sisipkan
atau di hapus.
• Tag Sisipan <ins>
• Tag Hapus <del>
• Contoh :
Satu tahun adalah <del>lima belas</del>
<ins>dua belas</ins> bulan
FONT
• Dengan tag <FONT> anda bisa menentukan
format tampilan font dalam document HTML
seperti color, size, style dan lainnya.
Ukuran Font
• Atribut SIZE digunakan untuk mengatur ukuran
font. Nilai font dimulai dengan nilai 1 untuk ukuran
huruf terkecil dan nilai 7 untuk ukuran paling
besar.
Jenis Font
• Atribut FACE digunakan untuk mengatur jenis
huruf yang diinginkan. Atribut FACE harus diisi
dengan string jenis font seperti Arial, Times New
Roman, Verdana dan lain sebagainya.
FONT (Cont. . .)
Warna Font
• Atribut COLOR digunakan untuk mengatur warna
font yang diinginkan. Untuk memberi nilai pada
atribut color ada dua cara, yaitu :
1. Dengan menyebutkan nama warna seperti red,
green dan blue.
2. Dengan menggunakan nilai RGB ( Red Green Blue
) dari satu warna misalnya FF0000 untuk red,
00FF00 untuk green dan 0000FF untuk Blue.
Contoh :
<font size="1">Ini ukuran 1</font><br>
<font face="arial">Ini memakai font
Arial</font><br>
<font color="blue">Ini Warna Biru</font>
LINK HTML
• Hyperlink (anchor) Befungsi untuk menghubungkan ke
internal ataupun eksternal halaman web
• Attribute elemen a yaitu : href, name, dan target.
• Sintaks:
<a href="uri" name="name"
target="_blank"|"parent"|"_top"|"_self"> ...</a>
• Ada 3 jenis link :
1. Link relatif
2. Link absolut
3. Link dalam dokumen sama
Perbedaannya hanya pada letak dokumen yang menjadi
linknya, berada pada komputer yang sama atau tidak.
LINK RELATIF
• Di buat apabila anda membuat suatu link pada page
Anda ke page lain pada komputer yang sama.
• Tidak memerlukan alamat internet yang lengkap.
• Jika dua page pada direktori yang sama.
• Contoh:
<a href="file2.html">Selengkapnya</a>
LINK ABSOLUT
• Di buat apabila Anda membuat link ke page web lain
yang berada pada web site lain di Internet.
• Contoh:
<a href="http://www.amikom.ac.id">Selengkapnya</a>
LINK DALAM DOKUMEN
SAMA
• Link jenis ini dibuat apabila untuk dokumen yang
panjang sekali, sehingga apabila di tampilkan dalam
browser web akan mengharuskan kita melakukan scroll
layar berulang-ulang.
• Contoh:
<a href="#tujuan">Link asal</a>
Artikel bebas
.
.
.
<a name="tujuan">Posisi tujuan</a>
Artikel bebas
.
.
.
MAILTO
• Untuk membuat link pada suatu pesan mail (tidak akan
bisa bekerja jika mail client tidak pasang)
• Contoh:
<a href="mailto:okiarifin@amikom.ac.id">Kirim Email Cui</a>
0 komentar:
Posting Komentar