-"Everything that has a beginning,has an end"-

Minggu, 04 November 2012

.HTML. Tag "font" dan atribut tambahannya

Just like the title said,we'll learn about HTML. Mungkin aneh bagi pembaca karena di address bar dan header blog ini tertulis "copastually" dan "copy-paste" pasti identik dengan duplikasi. Tapi kali ini postingan tidak copy-pasted,tetapi asli tulisan saya sendiri. Saya menulis ini karena tugas sekolah  karena saya ingin share tentang sedikit ilmu HTML.


So,Let's Begin

Tag <font> adalah salah satu tag dari HTML yang berfungsi untuk mengatur segalanya untuk teks (hanya teks,bukan paragraf,alignment,dsb).
Untuk blogger amatir,mungkin terbiasa dengan mengganti warna huruf dan mengganti jenis huruf dengan mudahnya,terutama dengan tampilan blogger sekarang. Tapi apa anda tahu bahwa dibalik itu semua ada bahasa-bahasa yang rumit agar anda melihat hasil yang diharapkan? 

*Note:jika ingin mencoba semua kode ini lewat notepad dan browser,anda harus membuat file notepad dengan awalan <HTML>,kemudian anda isi kode yang anda inginkan,dan diakhiri dengan </HTML>,dan di save dengan format *.html .

Cara mengganti jenis huruf.
langsung saja ke contoh kodenya:

<font face="Times New Roman"> Times New Roman </font> 
<font face="Chiller"> Chiller font </font>
kedua kode diatas akan menghasilkan teks seperti ini:

Times New Roman
Chiller font
Terlihat kan perbedaannya?
**note:jika anda memakai Google Chrome dan menggunakan fungsi "Inspect Elemen",anda akan melihat bahwa text diatas menggunakan tag <span style="font-family: Times New Roman;">. Ini dikarenakan blogger telah meng-autoconvert ke tag yang sesuai dengan formatting blogger. Jadi walaupun saya menulis dengan tag <font> akan otomatis berubah menjadi <span style=" ">

Cara mengganti ukuran huruf:
<font face="Arial" size="12"> ukuran 12 </font>
 <font face="Arial" size="30"> ukuran 30 </font> 

Hasilnya:
ukuran 12
ukuran 30

Cara mengganti warna huruf:
<font face="Chiller" color="red" >  Merah </font>
Hasilnya:
Merah

Bold,Italic,Underlined
<b> <font face="Arial" size="12"> ukuran 12 </font></b>
<i><font face="Arial" size="12"> ukuran 12 </font></i>
<u><font face="Arial" size="12"> ukuran 12 </font></u>
Hasilnya:
ukuran 12
ukuran 12
ukuran 12

Saya rasa cukup itu untuk hari ini. Sebenarnya tag untuk Italic,Bold,dan Underlined,tetapi tag tersebut adalah tag tersendiri,tidak ttermasuk tambahan untuk tag <font>.
See you later in my NxT Post

1 komentar:

lulur bali mengatakan...

salam kenal bos. lagi jalan jalan pagi nih