jika anda adalah seorang pemula seperti saya dalam dunia web programing ada baik anda sebelum melanjutkan artikel Manipulasi Font dan Link ini anda membaca artikel saya yang sebelumnya yang berjudul sebagai berikut :
Untuk memanipulasi font di HTML kita gunakan tag <font></font>. Tag font tidak hanya
sesederhana itu. Tag ini memiliki atribut didalamnya. Dimana atribut inilah yang memiliki
peranan penting dalam menentukan tampilan teks. 1untuk daftar atribut tag
font.
Daftar attribut dari tag font
Atribut Keterangan
name Untuk menentukan jenis huruf yang digunakan
size Untuk menentukan ukuran huruf
color Untuk menentukan warna huruf
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 halamanlainnya. 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. akan menunjukkan pada anda daftar
attribut pada tag a.
Attribut Keterangan
href Halaman website yang akan dituju
target Dibuka pada window baru atau tidak
style Penambahan CSS
class Nama class yang dipanggil
name Nama dari link
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 atau pun dreamweaver klw gk da notepad juga bisa klik menu File-New-HTML/XHTML. Lalu ketik kode berikut
<html>
<head>
<title>Manipulasi Font dan Link</title>
</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>
setelah situ silakan anda simpan dan lihat hasilnya
Posting Komentar