Anda di halaman 1dari 9

LAPORAN 2 Bengkel Web 1 Menampilkan Gambar dan Tabel pada HTML

NAMA : Adib Karoma Yude NIM : 1357301002

KELAS : 1 SI B

1. Menampilkan gambar <html> <title> Modul2-gambar1.html </title> <body> <h1> Menampilkan gambar 1 </h1> <br> <img src=gambar1.jpg> <!-gambar1.jpg adalah nama file gambar yang ada dilokasi folder> <img src=www.pcr.ac.id/image/logo.jpg > <!-logo.jpg.terletak deserver pcr.ac.id> </body> </html> 2. Menampilkan gambar dengan atribut caption. html> <title> Modul2-gambar1.html </title> <body> <h1> Menampilkan Gambar 1 </h1> <br> <img src="Gambar 1.jpg"> <!- Gambar 1.jpg adalah nama file gambar yang ada di lokal folder> <br> <img src="Gambar 2.jpg"> <!- Gambar 2.jpg terletak di server pcr.ac.id> </body> </html>

3. Membuat isian tabel <html> <title> modul2-tabel2.html </title> <body> <h2> Dosen Pengajar Mata Kuliah Bengkel Web 1 </h2> <table border="1"> <tr> <th> No </th> <th> Inisial </th> <th> Nama Dosen </th> <th> Program Studi </th> <th> Email </th> </tr>

<tr>
<td> 1 </td> <td> ATD </td>

<td> Anggy Trisnadoli </td> <td> Sistem Informasi </td> <td> anggy@pcr.ac.id </td> </tr>

<tr>
<td> 2 </td> <td> WNS </td>

<td> Warnia Nengsih Sikumbang </td> <td> Sistem Informasi </td>

<td> warnia@pcr.ac.id </td> </tr>

<tr>
<td> 3 </td> <td> MIZ </td> <td> Muhammad Ihsan Zul </td> <td> Teknik Informatika </td> <td> ihsan@pcr.ac.id </td>

<tr>

</table> </body> </html> Output:

Dosen Pengajar Mata Kuliah Bengkel Web 1


No Inisial 1 2 3 ATD Nama Dosen Anggy Trisnadoli Program Studi Sistem Informasi Email anggy@pcr.ac.id warnia@pcr.ac.id

WNS Warnia Nengsih Sikumbang Sistem Informasi MIZ Muhammad Ihsan Zul

Teknik Informatika ihsan@pcr.ac.id

4. Membuat tabel <html> <title>modul2tabel1.html</title> <body>

<h1>membuat table</h1><br> <table> <tr>


<td> baris 1- kolom 1 </td> <td> baris 1- kolom 2</td>

</tr> <tr>
<td> baris 2 kolom 1</td> <td> baris 2- kolom 2 </td>

</tr> </table> </body> </html>

5. Membuat tabel data mahasiswa <html> <title> DATA MAHASISWA </title> <body> <h1><center> Data Mahasiswa </center> </h1><br> <center><table></center> <table border=1>

<tr> <td align="center"> Nama Lengkap </td> <td align="center"> : </td> <td align="center"> Adib Karoma Yude </td>

</tr>

<tr> <td align="center"> Panggilan </td> <td align="center"> : </td> <td align="center"> Adib </td> </tr>

<tr> <td align="center"> Tempat, Tanggal Lahir </td>

<td align="center"> : </td> <td align="center"> Payakumbuh, 3 April 95 </td> </tr>

<tr> <td align="center"> Jurusan </td> <td align="center"> : </td> <td align="center"> Komputer </td> </tr>

<tr> <td align="center"> Program Study </td> <td align="center"> : </td> <td align="center"> Sistem Informasi (SI) </td> </tr>

<tr> <td align="center"> Asal Kota </td> <td align="center"> : </td> <td align="center"> Payakumbuh </td> </tr>

<tr>
<td align="center"> Alamat </td> <td align="center"> : </td>

<td align="center"> Jl. Budi Sari no.25 </td>

</tr>

<tr>
<td align="center"> No. HP </td> <td align="center"> : </td>

<td align="center"> 085766405330 </td> </tr>

<tr> <td align="center"> Email </td> <td align="center"> : </td> <td align="center"> akyude@gmail.com </td> </tr> <tr> <td align="center" valign="top"> Foto </td> <td align="center"> : </td> <td align="center"> width="50 height="5> </td> </tr> </table> </body> </html> <imgsrc="1.jpg"
alt="1"

Output :

Nama Lengkap Panggilan

: :

Adib Karoma Yude Adib

Tempat, Tanggal Lahir : Payakumbuh, 3 April 95 Jurusan Program Study Asal Kota Alamat No. HP Email Foto : : : : : : Komputer Sistem Informasi (SI) Payakumbuh Jl. Budi Sari no.25 085766405330 akyude@gmail.com

Anda mungkin juga menyukai