Manipulasi teks HTML (Bag 2)

BY IN HTML Comments Off on Manipulasi teks HTML (Bag 2)

Singkatan
Kadang dalam teks informasi ada kalimat yang ditulis dengan singkatannya (akronim) saja. Namun agar pembaca tahu kepanjangannya saat mouse pointer berada pada singkatan itu, kepanjangan dari singkatan itu bisa ditampilkan. Untuk keperluan ini digunakan tag :

<ACRONYM TITLE=”Kepanjangannya”>singkatan</ACRONYM>

Entitas Karakter
Beberapa karakter adalah bagian dari program html, misalnya tanda lebih kecil (<) atau tanda lebih besar (>) yang berarti awal atau akhir tag html. Bagaimana jika karakter tersebut perlu ada dalam teks informasi? Caranya yaitu dengan menyisipkan entitas karakter ke dalam program html.

Entitas karakter mempunyai 3 bagian : & (ampersand), nama entitas atau #nomor entitas, dan ; (titik koma atau semicolon). Jadi jika ingin menampilkan tanda < (lebih kecil), maka dalam program html ditulis demikian :

&lt; atau &#60;

Tidak semua browser bisa mengenali nama entitas, meski cara ini lebih mudah diingat. Sebaiknya penulisan entitas menggunakan nomornya. Berikut adalah entitas karakter yang sering digunakan :
Karakter Nama Entitas Nomor Entitas
® (registered) &reg; &#174;
© (Copyright) &copy; &#169;
™ (Trademark) – &#8482
(non breaking space) &nbsp; &#161;
& (ampersand) &amp; &#38;
« (angle quotation mark left) &laquo; &#171;
» (angle quotation mark right) &raquo; &#187;
” (tanda kutip) &quot; &#34;
< (lebih kecil) &lt; &#60;
> (lebih besar) &gt; &#61;
× (tanda kali) &times; &#215;
(Karakter lainnya bisa dilihat pada daftar ASCII)

Pengaturan Font
Secara default, semua teks normal ditampilkan dengan font (jenis huruf) Times New Roman berukuran 10 point, sedangkan teks formatted ditampilkan dengan font Courier New. Untuk memilih font, mengatur warna dan ukurannya digunakan tag berikut ini :

<FONT SIZE=”Ukuran” COLOR=”Warna” FACE=”Jenis_huruf”>

Dimana “Ukuran” adalah angka 1 s/d 7, “Warna” adalah kode warna atau nama warna, dan “Jenis_huruf” adalah nama font.

Mengatur Font Default
Default atau standar berarti pengaruhnya global ke seluruh dokumen. Tag yang digunakan adalah :

<BASEFONT SIZE=”Ukuran” COLOR=”Warna” FACE=”Jenis_huruf”>

Jika menggunakan tag ini maka pengaruhnya pada tampilan seluruh teks yang ada di bawahnya, termasuk jika diletakkan diatas tag <BODY> atau diantara tag <HEAD>…</HEAD>. Ukuran font yang digunakan tag ini akan dijadikan ukuran default font, untuk mengubah ukurannya, tinggal ditambahkan dengan tanda ‘-‘ atau ‘+’.

Misalnya : <BASEFONT SIZE=”5″>, berarti ukuran seluruh font yang digunakan adalah 5. Jika ingin memperkecil menjadi 3, penulisan tagnya adalah : <FONT SIZE=-2>, atau jika ingin memperbesar menjadi 7 : <FONT SIZE=+2>.

Teks Berjalan (Marquee)
Untuk membuat bentuk teks yang ‘berjalan’ digunakan tag :

<MARQUEE> …..Teks….. </MARQUEE>

Tag ini hanya bisa digunakan pada browser IE (Internet Explorer) dan bisa diikuti beberapa atribut seperti berikut ini :

BGCOLOR=”Warna”
Untuk mengatur warna background teks.

DIRECTION=”Left / Right”
Mengatur arah gerakan teks.

BEHAVIOR=”Scroll / Slide / Alternate”
Mengatur perilaku gerakan teks : “Scroll” – bergerak berputar, “Slide” – bergerak sekali lalu berhenti, “Alternate” – bergerak ke kiri lalu ke kanan dan seterusnya.

TITLE=”Pesan”
Menambah pesan yang akan muncul bila pointer mouse berasa di atas teks.

SCROLLAMOUNT=”Angka”
Mengatur kecepatan gerakan dalam pixel, semakin banyak semakin cepat.

SCROLLDELAY=”Angka”
Mengatur waktu tunda gerakan dalam milidetik.

LOOP=”Angka | -1 | Infinite”
Mengatur jumlah Loop.

WIDTH=”Angka”
Mengatur lebar blok teks dalam pixel atau persen.

Catatan :

* Pilihlah font yang diperkirakan ada pada kebanyakan komputer. Tujuannya agar halaman web yang kita buat dapat terbaca seperti yang kita rancang.
* Gambar bisa juga di ‘Marquee’, namun aksesnya menjadi agak lama.

Buatlah tampilan web seperti berikut ini :

Ketentuan :

* Sesuaikan format, jenis dan ukuran huruf yang digunakan seperti gambar di atas.
* Tiap paragraf boleh menggunakan warna yang berbeda.
* Judul Web Internet berwarna hijau.
* Judul web WWW berjalan bolak-balik dari kiri ke kanan dengan warna latar belakang merah, teks warna putih.
* Semua singkatan termasuk judul diberi tampilan kepanjangannya (akronim) jika pointer mouse ada di atasnya.

by: Martinez Meinardi




Comments are closed.