IMAGE,AUDIO,VIDEO
1. Image
a. Anda
membutuhkan tag <img>. Tag <img> tidak membutuhkan penutup dan
disertai tag src yang fungsinya
untuk mengambil gambar dqari satu alamat tertentu.
i.
IMG : tag ini
berfungsi untuk memberitahu browser bahwa ada gambar yang dimasukkan kedalam
situs tersebut.
ii.
SRC : kode ini
memberitahu kepada browser dimana letak file gambar tersebut. Perlu
diperhatikan dalam penulisan nama gambar karen dianggap bersifat case sensitive,artinya huruf besar dan
kecil dianggap berbeda.
iii.
WIDTH/HEIGHT
: tag ini menjelaskan ukuran
gambar,berapa pixel tinggi dan lebar gambar.
iv.
ALT : tag ini
berfungsi memberitahukan tanda atau nama gambar menjadi text
v.
BORDER :
merupakan garis yang berada ditepi gambar
vi.
HSPACE/VSPACE :
berfungsi memberikan spasi atau jarak gambar dari garis table.
Contoh 1 :
<html
xmlns="http://www.w3.orgg/1999/xhtml" lang="en"
xml:lang="en">
<head>
<title>image</title>
</head>
<body>
<img
src="13082712_1025956937485847_8102439917117640047_n.jpg"
alt="wrox logo"
width="120" height
="120" />
</body>
</html>
Contoh 2:
<html
xmlns="http://www.w3.orgg/1999/xhtml" lang="en"
xml:lang="en">
<head>
<title>the
align attribute</title>
</head>
<body>
<h1>no
align</h1>
<p>
text
1.<br />
<img
src="1919097_992292364185638_1425660359600318799_n.jpg"
alt="css"width="250"height="150" />
text
2 <br />
<h1>align
left</h1>
<p>
text
3. <br />
<img
src="12321711_1005384106209797_6065374703358492859_n.jpg" alt="css"width="250"height="150"
align="left" />
text
4 <br />
</p>
<h1>align
right</h1>
<p>
text
5. <br />
<img
src="12438983_959539437460931_1289919849445904287_n.jpg"
alt="css"width="250"height="150"
align="right" />
text
6. <br />
</p>
</body>
</html>
Contoh 3 :
<html
xmlns="http://www.w3.org/1999/xhtml" lang="en"xml :
lang="en">
<head>
<title>
image as a link</title>
</head>
<body>
<a
href="http://www.wrox.com"><img
src="13082712_1025956937485847_8102439917117640047_n.jpg"
alt="wrox logo" width="500"height="250"
/></a>
</body>
</html>
Ø Script dan Image yang dipilih harus dalam satu folder.
Tidak ada komentar:
Posting Komentar