Friday, September 9, 2011

HTML 5


Tag yang di gunakan untuk menampilkan gambar dalam halaman web :

<IMG SRC=”letak gambar di directori.EXTENTION FILE GAMBAR” Alt=”kalimat” Border=”angka” Width=”angka” Height=”angka”>

Tag yang termasuk dari gambar adalah :
1.                  Alt 
            menampilkan kalimat jika mouse didekatkan pada gambar
2.      Style= ”background-color : warna ; border : ketebalan bingkai jenis bingkai warna bingkai”
          menampilkan warna latar belakang bingkai, ketebalan bingkai, warna bingkai dan jenis bingkai pada gambar
3.         Width
            mengatur lebar gambar
4.         Height
            Mengatur tinggi gambar
5.         Src
            Mengambil gambar

Yang harus di perhatikan bahwa :

Gambar gambar yang akan di gunakan di simpan di dalam satu folder bersama dengan file webnya. Jika tidak maka gambar tersebut tidak akan tampil.

Extantion gambar terdiri dari :
1.GIF  :  Gambar yang bergerak
2.JPG , JPEG, WMF, BMP : Gambar yang tidak bergerak   


<Html>
<Body>
<IMG SRC="AG00052_.GIF">
</Body>
</Html>

Hasilnya :
 

<Html>
<Body>
<IMG SRC="PH01265U.BMP">
</Body>
</Html> 

Hasilnya :



<Html>
<Body>
<IMG SRC="PH03425I.JPG">
</Body>
</Html>

Hasilnya :

Mengatur ukuran gambar
<Html>
<Body>
<IMG SRC="PH03425I.JPG" Width=200  Height=100>
</Body>
</Html>


Memberi warna bingkai dan jenis bingkai pada gambar


<Html>
<Body>
<IMG SRC="PH03425I.JPG" Width=200  Height=100  
STYLE="BACKGROUND-COLOR:CY AN; BORDER:10PX DOUBLE GREEN">
</Body>
</Html>

 
Letak gambar


<Html>
<Body>
<P Align=Center>
<IMG SRC="PH03425I.JPG" Width=200 Height=100>
</Body>
</Html>

Catatan :

Latar belakang halaman web adalah gambar

Tag yang digunakan adalah

<Body Background=”gambar3.jpg”>

Jika gambar yang ditampilkan banyak pada  satu halaman karena ukuran gambar tidak sebesar ukuran / lebar monitor Anda
  
Kode Programnya


<html>
<Body background="anggrek3.jpg">
</body>
</html>

Hasilnya:


No comments:

Post a Comment