CARA MEMBUAT TABEL HTML
Assalamualaikum warrahmatullahi wabarakathu kembali lagi bersama saya septian harun kali ini saya akan menambahkan sebuah tutorial.oke langsung saja yuk simak penjelasan di bawah ini.
Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>,dan tag <td>:
- Tag <table> digunakan untuk memulai tabel
- Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
- Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:
Hasilnya akan Jadi seperti ini guys.
Sebelum standar CSS diimplementasikan ke dalam semua browser, pada sekitar tahun 2000-an kebanyakan programmer dan desainer web menggunakan tabel untuk mengatur tampilan web. Membuat menu ada di atas dan sisi kanan web bisa diakali dengan menjadikan halaman web sebagai sebuah tabel yang besar. Hal ini sebenarnya tidak salah, namun akan membuat pengkodean HTML menjadi rumit. Saat ini anda masih bisa menggunakan ide tersebut, namun sangat disarankan menggunakan CSSuntuk mengatur tampilan halaman web.
.
langkahnya kita nyalakan komputer seperti biasa kemudian, buka sublime text setelah itu klik perintah di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title>WEBSITE BELAJAR SAYA SEPTIAN HARUN</title>
</head>
<body>
<h1><center>TABEL DESAIN WEB</center></h1>
<center>
<table border="4" width="500" height="300">
<tr bgcolor="orange">
<th>NAMA</th>
<th>NIM</th>
<th>KELAS</th>
</tr>
<tr>
<td>SEPTIAN HARUN</td>
<td>131318048</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>DANDI MOINTI</td>
<td>131318006</td>
<td>TEKNIK INFORMATIKA C</td>
</tr>
<tr>
<td>IDAN A MUSA</td>
<td>131318020</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>EKO HIDAYAT</td>
<td>131318003</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>PENGKY HARIYANTO</td>
<td>1313180</td>
<td>TEKNK INFORMATIKA B</td>
</tr>
<tr>
<td>Al ANSAR ABDUL</td>
<td>1313180</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
</table>
</center>
<br>
<br>
<center>
<button><a href="bljr3.html">LOG OUT</a></button>
</center>
</body>
</html>
<html>
<head>
<title>WEBSITE BELAJAR SAYA SEPTIAN HARUN</title>
</head>
<body>
<h1><center>TABEL DESAIN WEB</center></h1>
<center>
<table border="4" width="500" height="300">
<tr bgcolor="orange">
<th>NAMA</th>
<th>NIM</th>
<th>KELAS</th>
</tr>
<tr>
<td>SEPTIAN HARUN</td>
<td>131318048</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>DANDI MOINTI</td>
<td>131318006</td>
<td>TEKNIK INFORMATIKA C</td>
</tr>
<tr>
<td>IDAN A MUSA</td>
<td>131318020</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>EKO HIDAYAT</td>
<td>131318003</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
<tr>
<td>PENGKY HARIYANTO</td>
<td>1313180</td>
<td>TEKNK INFORMATIKA B</td>
</tr>
<tr>
<td>Al ANSAR ABDUL</td>
<td>1313180</td>
<td>TEKNIK INFORMATIKA B</td>
</tr>
</table>
</center>
<br>
<br>
<center>
<button><a href="bljr3.html">LOG OUT</a></button>
</center>
</body>
</html>
Sampai disini kita telah mempelajari beberapa tag HTML yang sering digunakan dalam pembuatan halaman web. Untuk halaman web yang panjang, kadang perlu diberi komentar mengenai fungsi dan tujuan kita membuatnya
Tidak ada komentar:
Biasakan Mengomentari Dengan Pemikiran Yang Dewasa :)