Tugas Praktikum Pemrograman Web 1
Diajukan untuk memenuhi salah satu Tugas Mata Kuliah Praktikum Pemrograman Web 1
Dosen Pengampu : Rio Adriyat, M.Kom
Oleh ;
RINALDI
20160910032
Sistem Informasi 2016 C
FAKULTAS ILMU KOMPUTER
PROGRA SRUDI SISTEM INFORMASI
UNIVERSITAS KUNINGAN
2018
HTML Lanjutan (Link, List dan Tag HTML untuk Tabel)
Link
Link (Sebutan singkat dari Hyperlink text) adalah suatu metode yang digunakan dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam suatu situs web.
Bentuk Umum dari Link :
<a href="dokumen lain">teks link</a>
List
List adalah bagian teks didalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. HTML menyediakan beberapa tag khusus yang dapat digunakan untuk menangani kasus pembuatan list dengan beraneka ragam bentuk, bahkan daftar bersarang (nested list). Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu :
- Daftar Tidak Terurut <UL>
- Daftar Terurut <OL>
- Daftar Definisi <DL> dan <DD>
Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell.
POST TEST
Assalamualaikum wr.wb....
Oke sahabat ketemu lagi kita, masih dalam pembahasan materi HTML untuk kali ini kita sedikit labih meningkat dari yang kemarin kita bahas, karena kemarin kita membahas mengenai HTML dasar, nah sekarang kita akan membahas mengenai HTML lanjutan,untuk sahabat yang belum mengenal mengenai HTML dasar bisa membacanya terlebih dahulu Disini,
Langsung saja setelah tadi diatas kita mengenal menganai html lanjutn, yaitu mengenai Link, List dan Tabel, dan pada post test kali ini saya akan mencoba membuat sebuah halaman Web yang masih sederhana dengan menggunaan fungsi atau perintah Tabel yang tampilan nya itu berisikan Daftar nilai dari mata kuliah Pemrograman Web 1, tentu nilai disini bukan nilai yang sebenarnya ya sahabat.
Langsung saja yang pertama itu kita tulis terlebih dahulu script html nya, bisa dilihat dibawah ini :
<html>
<head>
<title>
Postest Modul 2
</title>
</head>
<body>
<img align = left height = 120 width = 120 src = "logo uniku.png">
<center><h2> UNIVERSITAK KUNINGAN <br></h2><h3> FAKULTAS ILMU KOMPUTER UNIVERSITAS KUNINGAN <br><br> Jalan Cut Nyak Dhien No. 36 Kuningan</h3></center>
<hr size = 3 color = yellow>
<center> <h1> DAFTAR NILAI PEMROGRAMAN WEB 1 </h1>
<table border = "1" cellpadding = 10 bordercolor = yellow >
<tr bgcolor = yellow>
<th rowspan ="2"> No </th>
<th rowspan ="2"> Nim </th>
<th colspan = "3"> Nilai </th>
<th rowspan ="2"> Rata - rata </th>
<th rowspan ="2"> NA </th>
</tr>
<tr bgcolor = yellow >
<th scope = "col"> Tugas </th>
<th scope = "col"> Uts </th>
<th scope = "col"> Uas </th>
</tr>
<tr>
<td> 1 </td>
<td> 201501 </td>
<td> 80 </td>
<td> 70 </td>
<td> 70 </td>
<td> 73.3 </td>
<td> B </td>
</tr>
<tr>
<td> 2 </td>
<td> 201502 </td>
<td> 90 </td>
<td> 70 </td>
<td> 70 </td>
<td> 76.7 </td>
<td> B </td>
</tr>
<tr>
<td> 3 </td>
<td> 201503 </td>
<td> 90 </td>
<td> 70 </td>
<td> 80 </td>
<td> 80 </td>
<td> AB </td>
</tr>
</table>
</center>
</body>
</html>
bisa dilihat di atas ya sahabat, untuk penulisan scriptnya.
Ketika sudah selesai bisa langsung dibuka script yang tadi kita buat, dan akan menghasilkan sebuah halaman web sederhana dengan tampilan seperti berikut ini :
Bagaimana sahabat, sampai disini apa sudah mengalami kesulitan? semoga tidak ya sahabat.. 😊
Sekian dulu untuk pembahasan kali ini, semoga untuk ke depannya lebih baik lagi dan semoga bermanfaat.. wassalam
Komentar
Posting Komentar