Cara Merubah Style Text HTML dan Menyisipkan Gambar

Seperti judulnya di sini saya akan memberikan Cara Merubah Style Text HTML dan Menyisipkan Gambar artikel  ini ada lah terusan dari yang sebelumnya yaitu “Pengenalan HTML sebelum merancang sebuah WEB”. Sebelum kita mulai mempraktekkannya kita kenali dulu Format Text dan Karakter Khusus.

1. Format Text

a. Font, HTML menyediakan elemen <FONT> yang dapat dipakai untuk mengubah ukuran, jenis, dan warna suatu teks.
<font face=” ... ” size=n color=” ...”> …… </font>
Face : jenis huruf Size : ukuran huruf  yang memiliki nilai dari 1 hingga 7.  Nilai 1 digunakan untuk membuat ukuran terkecil, sedangkan nilai 7 adalah ukuran terbesar.  Nilai default dari ukuran standar teks adalah 3. Default standar ukuran teks dapat diubah dengan menggunakan tag<BASEFONT> Color : warna  
b. <b> :  menebalkan teks 
c. <strong>: menebalkan teks 
d. <em> : menekankan teks 
e. <i> : memiringkan teks 
f. <small> : memperkecil ukuran teks 
g. <big> : memperbesar ukuran teks 
h. <sub> :  teks dijadikan subscript 
i. <sup> : teks dijadikan supercript 
j. <u> :  membuat garis bawah 
k. <s> : mencoret teks

2. Karakter Khusus 

a. © : Copyright bentuk umum : &copy; 
b. ® : Registered trademarkbentuk umum : &reg; 
c. : Trademark bentuk umum : &#8482 atau &trade; 
d. & : Ampersand bentuk umum : &amp; 
e.       : Non breaking space bentuk umum : &nbsp 
f. «   : angle quotation mark (left)  bentuk umum : &laquo;
g. »   : angle quotation mark (right)bentuk umum : &raquo; 
h. ¨     : tanda kutip bentuk umum : &quot; 
i. <   : lebih kecil bentuk umum : &lt; 
j. >   : lebih besar bentuk umum : &gt; 
k. x   : tanda kali bentuk umum : &times; 
l. ÷   : tanda bagi bentuk umum : &divide;
Setelah membaca macam-macam Format text dan Karakter Khusus di atas saya akan mulai membuat contoh dengan tag<basefont>. Pertama-tama sobat buka dulu Notepadnya Seperti biasa jika belum ada sobat bisa download dulu DISINI. Kemudian sobat ketikkan scriptnya seperti berikut ini,
<html> 
<head> 
<title>FONTSIZE terhadap BASEFONT</title> 
</head> 
<body> 
<basefont size=3> <font size=5>size=5</font> <br><font size=-3 color="blue">teks dengan size=3</font> <br>
<font face="arial black" size=-2>teks dengan size=2</font> <br>
<center><font face="comic sans ms" color="red" size=-1>teks dengan size=-1</font></center> <br>
<font size=+1>teks dengan size=+1</font> <br>
<font size=+2>teks dengan size=+2</font> <br>
<font size=+3>teks dengan size=+3</font> 
</body> 
</html>
Kemudian sobat simpan dengan nama Font-Size-Terhadap-Basefont.html saya beri nama itu agar nantinya sobat dapat mengingat-ingat bilamana sobat lupa cara membuat Font Size Terhadap Basefont kemudian lihat hasil uotputnya akan seperti di bawah ini,
Nah untuk bagian TEXT sudah selesai selanjutnya kita masuk ke bagin Menyisipkan Gambar pada HTML, Sebenernya saya tidak Cuma akan memberikan cara menyisipkan gambar tetapi juga akan memberikan cara menyisipkan Audio dan Video,

3. Menyisipkan Gambar 

Format gambar yang dapat ditampilkan dalam dokumen HTML diantaranya GIF, JPEG, PCX, PNG, WMF, dan BMP, namun yang hanpir sering dikenal disemua browser adalah GIF dan JPG.
<img src=” ... ” width= “...”  height =” ...”   Alt=” … “ align=” …” title="..." border= ...>
src       : nama file gambar 
Height  : tinggi gambar  
Width   : lebar gambar 
Align    : mengatur letak image terhadap teks  (top| bottom| middle| left| right|center) 
Alt        : menampilkan teks pada saat image tidak dapat tampil 
Border : garis tepi gambar

4. Menyisipkan Suara/Audio 

Menyisipkan suara pada halaman web dapat menggunakan embed atau bgsound. 
Format suara yang dapat  disisipkan diantaranya : .wav, .mid, .mp3, dan .au.
<embed src="filename.ext" width="x" height="x" autoplay="x" hidden="x" loop="x" 
volume="x"></embed>
Jika ingin memutar suara/audio secara otomatis saat halaman web di-load, set autoplay="true", jika tidak ingin file tersebut diputar secara otomatis,set autoplay="false". Jika ingin kotak control disembunyikan, gunakan atribut hidden="true". Biasanya file tersebut akan berhenti bermain setelah selesai.

5. Menyisipkan Video    

Contoh : 
<embed src="helloworld.swf" type="application/x-shockwave-flash" width="200" 
height="200">

6. Menampilkan Foto atau gambar pada Tab atau di depan alamat URL 

Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser..Buat gambar ukuran 32px x 32px simpan dengan format gif, jpg, png, dan bmp (pilih salah satu) untuk memasukkannya kedalam web sobat ketikkan seperti berikut :
<link rel=”shortcut icon” href=”image/favicon.ico”> letakkan pada bagian <head>
Nah di sini saya tidak akan memberikan contoh, alasannya agar sobat mau mempraktekkannya karena contoh sudah saya berikan di Pengenalan HTML sebelum merancang sebuah WEB. sobat tinggal menerapkannya saja sesuai seperti contoh Pengenalan HTML sebelum merancang sebuah WEB. Jika sobat mempraktekkannya sendiri pasti sobat akan selalu ingat dasar-dasar HTML, mungkin sekian dulu postingan dari saya, dan untuk selanjutnya saya akan membuat artikel tentang Hyperlink dan List Jangan bosan-bosan untuk berkunjung ke blog diptavir karna akan ada artikael lanjutan dari artikel sebelumnya.

Subscribe to receive free email updates:

0 Response to "Cara Merubah Style Text HTML dan Menyisipkan Gambar"

Post a Comment

Silahkan tinggalkan komentar dengan hal yang bersangkutan dengan topik, komentar spam link aktif tidak akan tampil sebelum di setujui.