WEB XI RPL – IMAGE & TABLE

HTML IMAGE

Menyisipkan gambar pada sebuat web dapat meningkatkan tampilan dan desain kita. Untuk menyisipkan sebuah gambar tag html yang digunakan adalah sebagai berikut :

<img src="contoh1.jpg" alt="Foto Pemandangan">

img adalah tag untuk menampilkan gambar pada halaman web

src adalah attribut tag img untuk mengambil gambar pada alamat yang dimasukkan. Alamat gambar dapat juga berupa link sebuah gambar pada suatu web eksternal. Bila gambar berada pada folder berbeda dengan letak file htmlnya maka harus disertakan alamat foldernya.

gambar folder image

Misal gambar diletakkan pada folder image maka penulisan src pada tag img menjadi :

<img src="image/contoh1.jpg" alt="Foto Pemandangan">

Untuk lebih jelasnya silahkan simak pemaparan pada video berikut :

HTML TABLE

Tag untuk menyisipkan tabel adalah sebagai berikut :

<table width="600" border="1" >
<tr> 
 <td>Kolom 1</td>
 <td>Kolom 2</td>
</tr>
</table>

Penjelasan :

table adalah tag untuk menampilkan tabel pada situs. table memiliki beberapa atribut untuk mengatur tampilan pada sebuah web.

tr adalah tag untuk membuat sebuah baris pada tabel

td adalah tag untuk membuat kolom pada tabel

Untuk lebih jelasnya silahkan simak pemaparan video berikut :

TUGAS :

  1. Silahkan buat file html seperti pada contoh pada video diatas.
  2. Buatlah sebuah tampilan web untuk menampilkan data seperti berikut :
Foto Pribadi Nama : Joko Kristianto, S.T
Alamat : Jalan Taman Makam Pahlawan
Agama : Islam
Pekerjaan : Pengajar
  • gunakan foto sendiri masing – masing
  • Isi dengan data pribadi masing – masing .

FIle tugas dibuat dalam 1 folder kemudian kalian buat dalam bentuk file .zip . Beri nama dengan : Tugas.zip. Kirim pada link berikut:



Leave a Reply

Your email address will not be published. Required fields are marked *