Invert Pro

Selamat Datang...

Haiii haiiii Admin kembali lagi.

MULAIJOIN THIS SITE

Sunday, October 26, 2014

contoh HTML dasar

Amikom









HTML

1.  Image HTML

Bayangkan apabila di web anda anda berisi tulisan dan tidak ada gambarnya pasti tidak

menarik. Gambar di dalam suatu web page merupakan daya  penarik bagi pengunjung.

Adanya gambar di web anda akan memperindah tampilan.  File gambar yang umum

digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG. Ketika anda memilih suatu gambar

harus memperhatikan dari format gambar yang digunakan karena setiap gambar akan

membutuhkan waktu tambahan untuk di download dan memperlambat awal penampilan

suatu dokumen dalam browser. Oleh karena itu, berhati-hatilah dalam memilih gambar dan

menyertakannya ke dalam suatu dokumen. Untuk menysipkan gambar  pada dokumen html

di sediakan secara khusus yaitu Tag <img>.

Sintaks penulisannya :

<img src=”url” />

Tag <img> mempunyai atribut di antaranya:

Atribut  Penjelasan

src        Url dari file image/direktori gambar

align      Letak gambar pada teks, nilai atributnya left, right, top, middle,

             dan bottom

width     Lebar gambar dalam satuan pixel

height    Tinggi gambar dalam satuan pixel

alt          Menampilkan teks pengganti jika gambar tidak tampil di brows

border    Memberi bingkai pada gambar


contoh


latihan1.html

 

<!DOCTYPE html>

<html>

<head>

<title>Contoh Posisi Img</title>

</head>

<body>

<p>

Logo Amikom

<img src="amikom.jpg" width="223" height="226" align="bottom"

alt="Logo Amikom"/> menggunakan align="bottom".

</p>

</body>

</html>

Load disqus comments

0 komentar