MATA KULIAH : PEMROGRAMAN WEB
UNIVERSITAS MA'ARIF NAHDHATUL ULAMA
(UMNU) KEBUMEN
NIM : TI11510
NAMA : NASIFATUL FAJRIYAH
DOSEN PENGAMPU MATA KULIAH : BAMBANG SUGIANTO
S.T.,M.Kom.
Pada postingan kali ini ,saya akan membuat materi
pada tugas 4 yang merupakan aplikasi perhitungan agar ditampilkan lebih rapi
dalam sebuah bentuk tabel dengan menulisnya pada HTML.
HTML merupakan singkatan dari HyperText Markup
Language. HTML adalah
dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW),
dan semua nama file dokumen HTML mempunyai ekstensi html atau htm.
Dalam sebuah dokumen HTML anda akan
melihat tags. Tags adalah
penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan
sebuah dokumen html.
<HTML></HTML>
|
(terdapat
pada awal dan akhir dari file HTML)
|
<TITLE></TITLE>
|
(harus
selalu terdapat pada Header)
|
<HEAD></HEAD>
|
(keterangan
umum, seperti judul dsb.)
|
<BODY></BODY>
|
(isi
dari halaman HTML)
|
Contoh sebuah dokumen HTML sederhana
adalah sebagai berikut:
Hasil
ya... langsung saja kita membuat tabel tugas ke 4 yang merupakan aplikasi perhitungan. Berikut coding yang saya buat :
<html>
<body><img src="kai.jpg" title="inigambarkai" width="550" height="142"
</body>
</html>
</p>
<table border = "1">
<tr>
<td width="80px" align="center"bgcolor="#0066CC" rowspan="2">Nama Penumpang</td>
<td width="70px" align="center"bgcolor="#0066CC" rowspan="2">Kelas</td>
<td width="75px" align="center"bgcolor="#0066CC" colspan="2">Tujuan</td>
<td width="65px" align="center"bgcolor="#0066CC" rowspan="2">Jumlah Penumpang</td>
<td width="65px" align="center"bgcolor="#0066CC" rowspan="2">Harga</td>
<td width="65px" align="center"bgcolor="#0066CC" rowspan="2">Jumlah Harga</td>
</tr>
<tr>
<td width="65px" align="center"bgcolor="#0066CC">Dari</td>
<td width="65px" align="center"bgcolor="#0066CC">Ke</td>
</tr>
<tr>
<td>Maulana</td>
<td align="center">Eksekutif</td>
<td align="center">Kebumen</td>
<td align="center">Jakarta</td>
<td align="center">1</td>
<td align="center">Rp 125.000</td>
<td align="center">Rp 125.000</td>
</tr>
<tr>
<td bgcolor="#CCFFFF">Kuncoro</td>
<td align="center"bgcolor="#CCFFFF">Ekonomi</td>
<td align="center"bgcolor="#CCFFFF">Kebumen</td>
<td align="center"bgcolor="#CCFFFF">Gambir</td>
<td align="center"bgcolor="#CCFFFF">2</td>
<td align="center"bgcolor="#CCFFFF">Rp 75.000</td>
<td align="center"bgcolor="#CCFFFF">Rp 150.000</td>
</tr>
<tr>
<td>Kurniawan</td>
<td align="center">Eksekutif</td>
<td align="center">Kebumen</td>
<td align="center">Bekasi</td>
<td align="center">1</td>
<td align="center">Rp 130.000</td>
<td align="center">Rp 130.000</td>
</tr>
</table>
</p>
<html>
<body>
<img src="logokai.jpg" title="inigambarlogokai" width="550" height="40"
</body>
</html>
Coding
tersebut akan menampilkan tabel berikut pada browser :
Demikian postingan kali ini , apabila terdapat kesalahan, kiranya pembaca berkenan memberi saran agar kesalahan tersebut tidak berkelanjutan. Terima kasih. Semoga bermanfaat. :-)
0 komentar:
Posting Komentar