Kamis, 17 Maret 2011

HTML "Pengaturan Teks"

Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini biasa digunakan dalam pengaturan teks :

Headers :
<Hn>..</Hn>
Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.
Contoh :
     <H2> Belajar HTML </H2>

Paragraf baru :
<P>
Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </p> tapi juga bisa tidak diberi. Mempunyai Attribute Align berguna untuk mengatur perataan penulisan pada paragraf.
Contoh :
     <P align="right"> All you can Learn !! </P>

Line Break :
<BR>
Digunakan untuk pindah ke baris baru.

No Line Break :
<NOBR>
Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font :
<FONT>
Untuk mendefinisikan berbagai attribut FONT, yaitu : size, face, color.
SIZE : Ukuran font yang akan digunakan. Berkisar antara 1 - 7.
FACE : Jenis atau nama font.
COLOR : Warna font yang akan digunakan.
Contoh :
     <FONT size="4" face="verdana" color="cyan"> Teks anda </FONT>

Base Font :
<BASEFONT>
Digunakan untuk mendefinisikan "default text". Attributnya sama dengan attribut FONT. Tag FONT akan meng-overwrite setting pada BASEFONT.
Contoh :
     <BASEFONT size="2" face="arial" color="brown">

Marquee :
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.
Atribut yang sering digunakan :
BGCOLOR="warna" untuk mengatur warna background teks.
DIRECTION="left/right/up/down" mengatur arah gerakan teks.
BEHAVIOR="scroll/slide/alternate" untuk mengatur perilaku gerakan teks.

  • Scroll untuk bergerak berputar
  • Slide untuk bergerak sekali lalu berhenti
  • Alternate untuk bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)
TITLE="pesan" untuk pesan yang akan muncul saat pointer berada di atas teks.
SCROLLMOUNT="angka" untuk mengatur kecepatan gerakan dalam pixel.
SCROLLDELAY="angka" untuk mengatur waktu tunda gerakan dalam mili detik.
LOOP="angka" untuk mengatur jumlah loop.
WIDTH="lebar" untuk mengatur lebar blok teks dalam pixel atau persen.
Contoh :
     <MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> Teks </MARQUEE>

Selain tag di atas, masih ada beberapa lagi tag yang berhubungan dengan pengaturan teks, yaitu :
<B>...</B> untuk menebalkan teks.
<U>...</U> untuk membuat garis bawah tulisan.
<I>...</I> untuk membuat tulisan miring.
<big>...</big> untuk membuat tulisan menjadi sedikit lebih besar.
<small>...</small> untuk membuat tulisan menjadi sedikit lebi kecil.
<S>...</S> untuk membuat garis mencoret pada tulisan.
<pre>...</pre> untuk membuat tulisan tetap pada keadaan yang kita inginkan.
<center>...</center> untuk membuat tulisan ada di tengah.
<blink>...</blink> untuk membuat tulisan tampak berkedip.
<TT>...</TT> untuk membuat tulisan seperti huruf mesin ketik.
<SUP>...</SUP> untuk menampilakan superscript.
<SUB>...</SUB> untuk menampilkan subscript.

Sip, segitu dulu untuk seri HTML ke-2 ini... Edisi selanjutnya akan saya bahas mengenai cara menambahkan gambar atau image... Oke, moga bermanfaat yha.. Keep blogging...

Tidak ada komentar:

Posting Komentar