Cara memasukkan Image pada HTML dengan mudah
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 :
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
EXAMPLE:
<!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>
Elemen-Elemen Tabel
Elemen Penjelasan
<table> . . . </table> Tag pembentuk tabel. jika border disertakan, maka tabel
akan tampil disertai border. Nilai border 0 – 30.
<caption> . . . </caption> Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> . . . </tr> Penjelaskan baris tabel dalam tabel. atribut yang dipakai :
align(left, center dan right) atau valign(top, middle dan
bottom).
<th> . . . </th> Pembentuk sel header tabel. Secara default teks dalam sel
ini di tebalkan dan di tampilkan ditengah.
<td> . . . </td> Pembentuk sel data dalam tabel.
Catatan :
Jumlah baris tabel ditentukan dengan banyaknya <tr> . . . </tr> yang di tulisankan dalam
elemen tabel, dari <table> . . . </table>.
Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> . . . </td> di dalam setiap
definisi baris, dari <tr> . . . </tr>.
Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda.
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 :
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
EXAMPLE:
<!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>
Elemen-Elemen Tabel
Elemen Penjelasan
<table> . . . </table> Tag pembentuk tabel. jika border disertakan, maka tabel
akan tampil disertai border. Nilai border 0 – 30.
<caption> . . . </caption> Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> . . . </tr> Penjelaskan baris tabel dalam tabel. atribut yang dipakai :
align(left, center dan right) atau valign(top, middle dan
bottom).
<th> . . . </th> Pembentuk sel header tabel. Secara default teks dalam sel
ini di tebalkan dan di tampilkan ditengah.
<td> . . . </td> Pembentuk sel data dalam tabel.
Catatan :
Jumlah baris tabel ditentukan dengan banyaknya <tr> . . . </tr> yang di tulisankan dalam
elemen tabel, dari <table> . . . </table>.
Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> . . . </td> di dalam setiap
definisi baris, dari <tr> . . . </tr>.
Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda.
Comments
Post a Comment