Menambah Gambar, Link dan Tabel
Menambahkan Gambar
Dokumen HTML akan terlihat lebih menarik apabila disisipkan gambar. Format gambar yang dapat ditampilkan : GIF, JPEG, PCX, PNG, WMF, dll. Sedangkan format gambar yang dikenal oleh hampir semua browser adalah GIF dan JPEG. Untuk menambah gambar digunakan tag <img />.
Tag <img /> mempunyai atribut :
latihan_2.html
<html>
<head>
<title>Menambahkan Gambar</title>
</head>
<body>
<img src="bubbles.jpg" alt="gambar gelembung" align="middle" />
Gambar ini terdapat pada windows 98 secara default, anda boleh
menggantinya.
</body>
</html>
</body>
</html>
Menambahkan Link
Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan Anchor, yaitu tag <a>. Tag <a> mempunyai atribut HREF yang digunakan sebagai link tujuan.
latihan_3.html
<html>
<head>
<title>Menggunakan Link</title>
</head>
<body>
<a href="http://www.yahoo.com">Klik disini</a> untuk menuju situs
Yahoo.com.<br />
Atau dapat juga mengklik gambar ini :
<a href="http://www.yahoo.com">
<img src="bubbles.jpg" alt="gambar gelembung" align="middle"/>
</a>
</body>
</html>
Tabel
HTML menyediakan tag-tag untuk membuat sebuah tabel, yaitu:
• Tag <table> : Mendefinisikan sebuah tebel
• Tag <tr> : Mendefinisikan baris tabel
• Tag <th> : Mendefinisikan judul kolom
• Tag <td> : Mendefinisikan isi tiap kolom
latihan_4.html
<html>
<head>
<title>HTML Tabel</title>
</head>
<body>
<table border="1">
<tr>
<th>Kolom 1</th>
<th>Kolom 2</th>
<th>Kolom 3</th>
</tr>
<tr>
<td>Baris 1 kolom 1</td>
<td>Baris 1 kolom 2</td>
<td>Baris 1 kolom 3</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>Baris 2 kolom 2</td>
<td>Baris 2 kolom 3</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Menggunakan Link</title>
</head>
<body>
<a href="http://www.yahoo.com">Klik disini</a> untuk menuju situs
Yahoo.com.<br />
Atau dapat juga mengklik gambar ini :
<a href="http://www.yahoo.com">
<img src="bubbles.jpg" alt="gambar gelembung" align="middle"/>
</a>
</body>
</html>
Tabel
HTML menyediakan tag-tag untuk membuat sebuah tabel, yaitu:
• Tag <table> : Mendefinisikan sebuah tebel
• Tag <tr> : Mendefinisikan baris tabel
• Tag <th> : Mendefinisikan judul kolom
• Tag <td> : Mendefinisikan isi tiap kolom
latihan_4.html
<html>
<head>
<title>HTML Tabel</title>
</head>
<body>
<table border="1">
<tr>
<th>Kolom 1</th>
<th>Kolom 2</th>
<th>Kolom 3</th>
</tr>
<tr>
<td>Baris 1 kolom 1</td>
<td>Baris 1 kolom 2</td>
<td>Baris 1 kolom 3</td>
</tr>
<tr>
<td>Baris 2 kolom 1</td>
<td>Baris 2 kolom 2</td>
<td>Baris 2 kolom 3</td>
</tr>
</table>
</body>
</html>
diposting oleh Unknown @ 03.07
0 Komentar
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda