Manipulasi Font dan Link
Atribut
|
Keterangan
|
|||
name size color
|
Untuk
Untuk
Untuk
|
menentukan
menentukan
menentukan
|
jenis huruf yang
ukuran
huruf warna huruf
|
digunakan
|
Contoh jika kita ingin membuat teks yang menggunakan huruf Arial ukurannya 12pt dan warnanya merah. Kita dapat menuliskannya seperti berikut.
<font name="Arial" size="3" color="red">Teks Disini</font>
Untuk size 3 sama dengan 12pt, 4 sama dengan 14pt, 5 sama dengan 18pt, 6 sama dengan 24pt dan 7 sama dengan 36pt. Lalu bagaimana jika saya ingin membuat teks yang hurufnya tebal, miring dan bergaris bawah?. Gampang..., kita cukup apit teks tersebut menggunakan tag <b></b>, <i></i> dan <u></u>. Lihat contoh berikut.
<b><i><u>Tebal, Miring dan Garis Bawah</b></i></u>
Teks diatas akan mempunyai efek tebal, miring dan bergaris bawah. Mudah bukan?. Selain font ada juga <h1></h1>, <h2></h2>, dan seterusnya yang digunakan untuk mencetak heading. <h1> akan mencetak heading dengan ukuran font yang terbesar, <h2> akan semakin mengecil dan seterusnya.
Link
Anda tentu sering mengklik suatu tulisan atau gambar pada website yang menuju ke halaman lainnya. Yang anda klik itu adalah link. Link merupakan teks atau gambar yang membuka halaman website lainnya. Untuk membuat link kita dapat menggunakan tag <a></a>. Seperti halnya tag font tag a juga memiliki attribut. Tabel 1.2 akan menunjukkan pada anda daftar attribut pada tag a.
Tabel 1.2 Daftar attribut dari tag a
Contoh jika kita ingin membuka www.google.com pada window yang sama.
<a href="http://www.google.com">Google</a>
Link diatas akan membuka alamat www.google.com dengan teks Google sebagai teks yang akan diklik.
PENERAPAN TEORI MANIPULASI FONT DAN LINK
Jalankan PHP DESIGNER 2006 klik menu File-New-HTML/XHTML. Lalu ketik kode berikut
<html>
<head>
</head>
<body>
<p><font size="5"><b>Pengumuman</b></font></p>
<p>Silahkan klik link berikut untuk menuju halaman pertama.html</p>
<a href="pertama.html">Halaman pertama.html</a><br>
<a href="pertama.html" target="_blank">Halaman pertama.html</a> (new window)
</body>
</html>
Simpan dengan nama font_link.html. Jalankan pada browser IE arahkan hasilnya akan seperti gambar 1.2
Gambar 1.2: output file font_link.html
Posting Komentar