Assalamualaikum wr.wb
Hai guys ketemu lagi di blog saya yang akan membahas tentang pembuatan layout tabel sederhana menggunakan HTML.
selamat menyimak...
B.LATAR BELAKANG
Pembuatan tabel layout dengan HTML untuk lebih mula sebelum ketahap lanjut.
C.MANFAAT DAN TUJUAN
bisa memahami elemen, tag, dan pembuatan layout tabel
D.PEMBAHASAN
Tabel
Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel. Untuk menampilkan data dengan grafik pada HTML, kita dapat menggunakan gambar (elemen img), sementara daftar jelas dibuat menggunakan elemen list. Bagaimana dengan tabel? HTML memiliki elemen khusus untuk membuat tabel, yaitu table.
berikut coding pembuatan sebuah tabel jadwal sederhana menggunakan html:
<html>
<head>
<title>rpl 1</title>
</head>
<body bgcolor="red">
<p align="center"><b><font size="8">Jadwal PRODUKTIF RPL1</font></b></p>
<table align="center" width="50%" border="10" style="background:white">
<tr>
<td>Kelas</td>
<td>Ruang</td>
<td>Mata produktif</td>
<td>Guru</td>
<td>Waktu</td>
<td>hari</td>
</tr>
<tr>
<td>RPL1</td>
<td>lab 1</td>
<td>Pemrograman dasar</td>
<td>iwan safruddin</td>
<td>1/2/3</td>
<td>senin</td>
</tr>
<tr>
<td>RPL1</td>
<td>lab 2</td>
<td>Sistem komputer</td>
<td>susanti</td>
<td>4/5</td>
<td>selasa</td>
</tr>
<tr>
<td>RPL1</td>
<td>lab 2</td>
<td>komputer dan jaringan</td>
<td>abdul latif</td>
<td>7/8</td>
<td>rabu</td>
</tr>
<tr>
<td>RPL1</td>
<td>lab 1</td>
<td>desain grafis</td>
<td>dwi agung suhartono</td>
<td>1/2</td>
<td>kamis</td>
</tr>
<tr>
<td>RPL1</td>
<td>lab 1</td>
<td>pemrograman</td>
<td>iwan safruddin</td>
<td>3/4/5</td>
<td>jumat</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
Dan berikut merupakan hasil dari coding yang digunakan diatas:
E.ALAT DAN BAHAN
-Laptop
-sublim text
Semoga bermanfaat, sampai jumpa dipost selanjutnya...
WASSALAMUALAIKUM WR.WB
0 komentar:
Posting Komentar