Sebelumnya kita uda belajar dasar HTML, dimana HTML sangat bebas dalam aturan penulisan.
Sekarang kita akan belajar memanipulasi text dan font.
Yang nantinya font bisa kita perbesar, dikecilkan, atau diberi warna, dan sebagainya.
Yuk kita mulai aja sharing nya.
A. WARNA
Untuk warna, bisa menggunakan nama warna (red, blue, magenta, cyan) atau kode hexadecimal (#000000 - #ffffff).
Font bisa dimanipulasi lewat tag <BODY> atau secara langsung.
Kalo lewat tag <BODY>, kita bisa kasih warna ke text secara default dengan bantuan atribut TEXT. Jadi nanti semua text yang ada di <BODY>warnanya berubah.
Contoh:<BODY>
Ini contoh penulisan text biasa tanpa pemberian warna
</BODY>
Hasilnya:
Warna text nya item biasa kan,
Sekarang kita rubah kaya gini
<BODY TEXT=blue>
Ini contoh penulisan text dengan pemberian warna biru melalui attribut BODY
</BODY>
Nah, dalam memanipulasi text lewat BODY attribute, kita hanya bisa memberikan warna aja.
Selain itu, kita juga bisa member warna langsung, misalnya dengan tag
<FONT>Contoh tag font</FONT>
Di tag ini, kita bisa member warna (COLOR), jenis font (FACE), dan ukuran nya(SIZE). Contoh :
<FONT SIZE=28 COLOR=red FACE=arial>Tag Font yang udah di kasih atribut.</FONT>
B. UKURAN
Untuk merubah ukuran, seperti contoh di atas, kita bisa lewat tag <FONT SIZE=value>, dimana value adalah ukuran pixel. Jadi semakin besar value nya, maka bisa semakin besar Font nya.
Selain lewat <FONT SIZE = value>, kita juga mengenal Heading.
Contohnya:
<H1>Heading Satu </H1> hingga <H6>Heading Enam</H6>
Dimana Semakin besar Heading nya, Semakin kecil size font nya. Contoh:
<H1>Heading Satu </H1>
<H2>Heading Dua </H2>
<H3>Heading Tiga </H3>
<H4>Heading Empat </H4>
<H5>Heading Lima</H5>
<H6>Heading Enam</H6>
Hasilnya :
C. ALIGNMENT
Alignment atau perataan pasti uda pada tau kan. Untuk membuat perataan, kita bisa gunakan tag – tag berikut.
1. Paragraph <P>
Tag Paragraph digunakan untuk membuat sebuah paragraph biasa. Atribut Paragraph <P> sama seperti heading, salah satunya adalah ALIGN, untuk perataan. Contoh :
<P ALIGN=right>Contoh paragraph rata kanan</P>
2. Heading <H1> sampai <H6>
Tag Heading juga memiliki atribut ALIGN, contoh:
<H1 ALIGN=right>Rata Kanan dengan H1</H1>
D. Manipulasi Lainnya
Selain Warna, Ukuran dan perataan , juga ada yang lainnya, seperti
<B>Untuk Bold / Cetak Tebal</B>
<I>Untuk Italic / Cetak Miring</I>
<U>Untuk UnderLine / Cetak Garis Bawah</U><STRIKE>Untuk Garis Tengah</STRIKE>
<BIG>Text lebih besar dari Normal</BIG>
<SMALL>Text lebih kecil dari Normal</SMALL>
<PRE>Untuk menampilkan Text dengan format asli</PRE>
<BR>Untuk BreakLine atau pindah baris, ini tanpa Tag Tutup.
MARQUEE
Untuk membuat tagline atau teks berjalan, kita bisa gunakan tag bernama <MARQUEE></MARQUEE>
Atribut MARQUEE :
ALIGN => untuk perataan Marquee nya
BEHAVIOR => kelakuan Marquee, ada 3 : alternate (membuat teks berjalan bolak balik), scroll (teks berjalan seperti bergulung/ satu arah), slide (sama seperti scroll, tapi tidak bergulung, hanya sekali jalan langsung berhenti).
BGCOLOR => background color
DIRECTION => arah teks menuju, top, right, left, bottom.
contoh:
BLINK
Membuat teks berkedip, bisa menggunakan tag <BLINK> </BLINK>
Contohnya<BLINK> teks berkedip </BLINK>
Jadinya gini nih :
Yups, that’s it buat Text Formatting. Kalo ada ilmu yang lebih, boleh donk di share :)
Ok, Next kita masuk ke Pembuatan List.
Manipulasi Text
Langganan:
Posting Komentar (Atom)
Comments :
Posting Komentar