HTML Learning 2
11. Warna Font
Atribut COLOR digunakan untuk mengatur warna font yang akan digunakan. Untuk memberi nilai pada atribut color, ada dua cara. Cara pertama dengan menuliskan nama warna seperti Merah, Biru, Kuning, Putih dll
Contoh:
<HTML>
<HEAD>
<TITLE>Warna Font</TITLE>
</HEAD>
<BODY>
<FONT SIZE=5>
<FONT COLOR = “red”>kaoskaki<P>
<FONT COLOR = “#FF0000″>kaoskaki.net<P>
<FONT COLOR = “#00FF00″>website kaoskaki<P>
</BODY>
</HTML>
11. Membuat Link
Perintah anchor <A> digunakan untuk membuat suatu link
Untuk membuat link ke dokumen HTML lain digunakan perintah
<A HREF=”linktujuan.html”>kalo mau tahu lagi klik disini</A>
Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut.
Contoh :
<HTML>
<HEAD>
<TITLE>Link tujuan</TITLE>
</HEAD>
<BODY>
<P ALIGN=”center”> Maaf, hanya sedikit
<BR>Rino
<BR>Nico
<BR>Tino!!
<BR><A HREF=”linktujuan.html”>kembali</A>
</BODY>
</HTML>
12. Membuat link image :
Perintah anchor <A> digunakan untuk membuat suatu link, link adalah di ibaratkan ssebuah jalan untuk menuju ke alamat web tersebut.
Codenya:
<a href="http://www.yahoo.com"> <img src="http://kaoskaki.net/kaoskaki.png"></a>
Jika dimasukkan ke html :
<HTML>
<HEAD>
<TITLE>Link tujuan</TITLE>
</HEAD>
<BODY>
<a href="http://www.kaoskaki.net"> <img src="http://kaoskaki.net/kaoskaki.png"></a>
</BODY>
</HTML>
13. Membuat banner di web html
Banner sebuah link image untuk sebuah kepentingan advertising, membuat link banner seperti membuat link image. Hanya saja image yang dilink-kan adalah image sebuah produk.
<a href="http://telkom.com"> <img src="/ini logonya telkom"></a>
14.Membuat background html :
<body bgcolor="#FF99FF">
# FF99FF adalh code warna bisa diganti dengan melihat code warna di photoshop. Jika ingin mengganti warna nya bias langsung memberi nama warna nya dengan bahasa inggris contoh :
<body bgcolor="red">
Codenya :
<body bgcolor="#FF99FF">
Script html nya :
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
<html>
<head></head>
<body bgcolor="red">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
15.Membuat background image
Sript awal masih menggunakan body dan ditambah script background maka hasil scriptnya seperti ini:
<BODY bgcolor="black" background="file:///C:/Users/compaq/Desktop/tulips.jpg" text="red" link="#FF0000" vlink="FFFF00" alink="#0000FF">
Jika dimasukkan ke dalam script html:
<html>
<head></head>
<BODY bgcolor="black" background="file:///C:/Users/compaq/Desktop/tulips.jpg" text="red" link="#FF0000" vlink="FFFF00" alink="#0000FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau mengganti background nya tinggal masukkan link background nya ke dalam script background </p>
</body>
</html>
Nb:
- jika ingin mengganti background : background="file:///C:/Users/compaq/Desktop/tulips.jpg"
Yang bercetak kuning dengan link background anda
- jika ingin mengganti warna tulisan :
text="red"
ganti tulisan yang bercetak kuning dengan warna yang anda inginkan
Contoh tag-tag Html yang lain yang bisa anda kembangkan untuk membuat web sederhana :
Contoh tag yang daapat dipakai untuk tulisan berupa kalimat, karakter, ataupun kata:
· tag <b>..</b> fungsinya untuk menebalkan huruf
· tag <i>…</i> fungsinya untuk memiringkan huruf (membuat huruf cetak miring)
· tag <u>…</u> fungsinya untuk mencetak huruf bergaris bawah
· tag <blink>…</blink> digunakan untuk membuat tulisan berkedip
· tag <marquee>…</marquee> digunakan untuk membuat tulisan berjalan
· tag <S>……..</s> Strikeout - draws a line through the text
· <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.
