Selasa, 16 April 2013

WEB & TEKS


Pengaturan Halaman Web dan Teks
Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya seperti mengatur warna latar belakang halaman, memilih jenis dan ukuran huruf, perataan, warna teks, menambahkan gambar dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan halaman web dan teks:
a.   <body>, digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
1 Background = digunakan untuk mengatur latar belakang dengan gambar/image.
1 Bgcolor       =  digunakan untuk mengatur warna latar belakang  dokumen, dengan warna putih sebagai default-nya.
1 Teks           =  digunakan untuk mengatur warna teks dokumen, dengan warna hitam sebagai warna default.
1 Link           =  Untuk mengatur warna link dokumen dengan warna biru sebagai warna default
1 Vlink           =  Untuk mengatur warna visited link dokumen dengan default ungu
1 Alink         = digunakan untuk mengatur warna active link dokumen dengan default merah.
b.   Heading: <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.

c.   Paragraph Baru: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut ALIGN. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY.
d.   Line Break: <BR> Digunakan untuk pindah ke baris baru.
e.   No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.
f.    Font <FONT> Digunakan untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR.
e  SIZE: Digunakan untuk mengatur ukuran font. Ukuran font yang digunakan berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.
e  FACE: Digunakan untuk mengatur jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah (_). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.
e  COLOR: Digunakan untuk mengatur warna font. Didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

g.   Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.
Contoh:
<basefont size=2 face="arial,helvetica" color="#ff0000">
Selain tag dan atribut diatas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu:
Perhatian: Semua tag di bawah ini membutuhkan tap penutup.
<B>             Bold text
<I>              Italic text
<U>             Underscore
<TT>           Typewriter
<S>             Strikeout - draws a line through the text
<PRE>         Preformatted Text <DFN> Definition
<BLINK>      Text berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS>
                        Italic
<CITE>          Digunakan untuk quoting text
<CODE>        Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<SAMP>        Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<KBD>          Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)
<BIG>         Ukuran teks akan lebih besar satu ukuran
<SMALL>     Ukuran teks akan lebih kecil satu ukuran
<SUP>           Membuat tekssuperscript
<SUB>           membuat tekssub script
<ABBREV>   Abbreviations
<ACRONYM>           Untuk akronim
<PERSON>   Digunakan untuk indexing
<Q>                       Membuat short inline quotation
<VAR>           Membuat variable name, selalu dalam italics.
h.   <HR>, digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE.
i.    LISTS
Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa tanda-tanda khusus/symbol.
Terdapat tiga tipe list yang dapat digunakan, yaitu:
þ  Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entries didefinisikan dengan tag <LI>.  Pada jenis ini tidak memerlukan pengurutan data.
Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan atribut TYPE kedalam tag <UL> dengan nilai “circle” untuk bentuk lingkaran tengahnya putih, “square” untuk bentuk kotak padat hitam dan “disc” bentuk lingkaran pada warna hitam.


þ  Ordered Lists: <OL> Juga digunakan untuk membuat daftar item bernomor, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.  Atribut yang ada pada Ordered List adalah TYPE dan START.



þ  Definition Lists: <DL>,  digunakan untuk menjelaskan istilah-istilah.  Definition List dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag <DT> Definition Term yaitu bagian istilah yang dijabarkan  dan tag <DD> Definition Data yang merupakan penjabaran dari istilah.

þ  Preformatted Text: <PRE>. Digunakan untuk mengatur format tampilan agar sesuai dengan aslinya.


þ  Extended Quotations: <BLOCKQUOTE>, digunakan untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam.