|
Pelajaran 3 Satu jenis teks yang sangat berguna adalah mono-spaced font, atau Typewriter Text. <BODY> <TT>Sesuatu yang menarik</TT> </BODY>
Tiap huruf menggunakan lebar tempat yang sama....
Kita dapat juga mengubah ukuran font.... Hal ini sangat mudah dilakukan! Pertama-tama tambahkan tag <FONT> .... <BODY> Sesuatu yang <FONT>menarik</FONT> </BODY>Kemudian tentukan SIZE (ukuran)-nya. <BODY> Sesuatu yang <FONT SIZE=6>menarik</FONT> </BODY>
Ada 7 macam ukuran font:
Ada 2 hal yang ingin saya kemukakan. Pertama, <TAG> adalah
perintah pada browser untuk melakukan sesuatu. ATTRIBUTE dituliskan
di dalam <TAG> dan menjelaskan bagaimana melakukannya.
Setiap browser memiliki default font setting - jenis font, ukuran dan warnanya. Kecuali anda sudah mengubahnya, defaultnya kemungkinan Times New Roman 12pt (yang sama dengan nilai 3 untuk kita) dan warnanya hitam. Tentu saja kita bisa menggunakan jenis font selain nilai default tadi. Seperti ARIAL dan COMIC SANS. <BODY> Sesuatu yang <FONT FACE="ARIAL">menarik</FONT> </BODY>
Font tersebut hanya akan ditampilkan bila mereka yang melihat web page
anda sudah menginstall font tadi di komputernya. Saya ulangi....
Kalau mereka tidak menginstall font yang anda maksud di komputernya, mereka
hanya akan melihat font defaultnya. Jadi hati-hatilah dalam penggunaan
font anda. Arial dan Comic Sans MS adalah font yang hampir pasti ada karena
merupakan bawaan Windows. Begitu juga Impact!.
Anda dapat lebih menjamin amannya pilihan anda dengan menggunakan
lebih dari satu font. (Ya! Anda dapat melakukannya!). Tuliskan saja seperti
ini.... <FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">Hai... Halo</FONT>.
Font apa saja yang umum dan sangat aman untuk dijadikan pilihan? Andale Mono Arial
Arial Black
Untuk melihat bagaimana font-font tersebut ditampilkan di browser anda, bisa anda coba menggunakan Font Viewer. Saya rasa sekarang adalah saat yang tepat untuk bicara tentang cara penulisan. Anda perhatikan bahwa di sana sini saya menggunakan tanda petik, ini penting. Anda mungkin tidak bisa membayangkan berapa kali saya membuat web page dan kemudian semuanya kacau balau.... Maksud saya semuanya benar-benar jadi kacau balau karena kurang atau salah penempatan satu tanda petik atau kurang satu spasi atau kurang satu tanda lebih besar >. Suatu hari nanti kita tidak harus dipusingkan lagi oleh tanda-tanda ini, tapi untuk saat ini kita hanya perlu berhati-hati dalam penulisannya. Berikutnya adalah pemakaian HURUF BESAR (CAPITAL) untuk menuliskan tag. Ini hanya masalah kebiasaan saja, bukan keharusan. Saya pikir tag akan lebih jelas kalau dituliskan dalam huruf besar semuanya. Anda bisa saja menuliskan <font> dan bukannya <FONT>. Bahkan tidak ada yang melarang kalau anda lebih memilih <fOnT>. Baiklah, sekarang kembali ke masalah kita.... Anda bisa mengubah warna font kalau anda mau. <BODY> Sesuatu yang <FONT COLOR="#FF0000">menarik</FONT> </BODY>
Kita tentu saja bisa menggunakan lebih dari satu ATTRIBUTE dalam tag <FONT>.... <BODY> Sesuatu yang <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">menarik</FONT> </BODY>
Mau coba yang lain lagi? <BODY BGCOLOR="#FFFFFF"> Sesuatu yang <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">cool</FONT></B></I></U> </BODY>
Perlu saya ingatkan lagi bahwa beberapa tag yang dipakai bersama-sama harus dituliskan bersusun. <TAG3><TAG2><TAG1>Apapun</TAG1></TAG2></TAG3> Tidak jadi soal tag mana yang dituliskan lebih dulu. Kalau anda ingin membuat tampilan merah dan tebal, anda tidak harus menuliskannya dengan urutan seperti itu. Anda bisa saja mengubah urutannya. Misalnya.... <TAG2><TAG1><TAG3>Apapun</TAG3></TAG1></TAG2> Cara tercepat membingungkan browser, termasuk diri anda sendiri, adalah dengan menyilangkan tag.... <TAG3><TAG2><TAG1>Apapun</TAG3></TAG1></TAG2> (Saya tidak punya cara untuk menjelaskannya, jadi saya harap contoh-contoh tadi bisa membantu.) Tag lain yang cukup berguna dan perlu dibahas adalah judul (section heading). Walaupun pemakaiannya makin tergeser oleh tampilan grafis, tidak ada salahnya kalau anda tahu. Tag ini punya 6 ukuran. <H1>Sesuatu yang menarik<H1> <H2>Sesuatu yang menarik<H2> <H3>Sesuatu yang menarik<H3> <H4>Sesuatu yang menarik<H4> <H5>Sesuatu yang menarik<H5> <H6>Sesuatu yang menarik<H6>
Atribut yang bermanfaat dalam tag heading adalah ALIGN... untuk menentukan letaknya. <H2 ALIGN="left">Sesuatu yang menarik<H2> <H2 ALIGN="center">Sesuatu yang menarik<H2> <H2 ALIGN="right">Sesuatu yang menarik<H2>
Satu hal lagi dan kita akan sudahi pelajaran ini. Browser memiliki nilai default untuk warna teks, warna link, warna active link dan warna visited link selain warna latar belakang. Defaultnya adalah....
Anda bisa mengubahnya kalau perlu (perhatikan, saya mengatakan kalau perlu). Seluruh dunia terbiasa dengan warna biru untuk link. Mengapa harus membingungkan diri sendiri? Anda dapat mengubah default suatu dokumen pada tag <BODY>. <BODY BGCOLOR="#00000" TEXT="#FFFF66" LINK="#00FF66" VLINK="#00BB33" ALINK="#00CCFF"> Sesuatu yang menarik </BODY>
Nah! Sekarang anda tahu apa yang harus dilakukan untuk mengubah tampilan
teks dalam dokumen anda. Anda bisa membuat Tulisan
merah besar atau tulisan kecil tebal.
Anda dapat juga menggunakan Font lain, atau font
monospace.
(Cara membuat roller coaster ada di sini kalau anda mau melihatnya.) Sebelum kita akhiri pelajaran ini, ada satu hal kecil yang ingin saya kemukakan. Anda dapat melihat kode HTML (source) setiap halaman yang sedang anda amati dengan cara memilih View/Document Source pada browser anda. Perintah pada browser anda mungkin sedikit berbeda, tetapi hampir semua browser memiliki fasilitas ini. Jadi pada saat anda menjelajah internet dan menemukan web page yang menarik, dan anda berfikir "Gimana sih membuatnya?", jawabannya bisa anda dapatkan dengan beberapa kali klik saja.
Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster
| |||||||||||||||||||||||||||||||||||||||||||||||||
|
|
Sesuatu yang menarik
