Membuat Tabel Dengan HTML Beserta Penjelasannya

Cara membuat tabel sederhana menggunakan html – Halo sobat TB! Apa kabar?? Dikesempatan kali ini, saya akan memberi tutorial tentang cara membuat tabel list menggunakan html.

Seperti yang pernah saya jelaskan pada artikel sebelumnya, HTML adalah kode pemrograman yang digunakan untuk membangun sebuah halaman website beserta isinya. Kali ini, saya akan mencoba membuat sebuah tabel yang berisi list atau daftar sederhana dengan HTML yang bisa kamu praktekan langsung.

Dalam membuat tabel dengan html, ada beberapa tag yang harus dipelajari seperti.

1. <table>...</table>
2. <tr>...</tr>
3. <th>...</th>
4. <td>...</td>

Kode <table></table> merupakan tag untuk mengawali dan mengakhiri pembuatan tabel.
Kode <tr></tr> (table row) digunakan untuk membuat baris baru pada data tabel.
Kode <th></th> (table heading) digunakan untuk membuat judul kolom
Kode <td></td> (table data) digunakan untuk membuat data atau kolom tabel.

Oke sekarang mari kita praktek membuat sebuah tabel..

<h2>Data Nilai Ulangan Matematika Kelas IX.E</h2>
<table> <!-- Tag Tabel Dimulai-->
<tr> <!-- Baris Judul Kolom-->
<th>No</th>
<th>Nama</th>
<th>Nilai</th>
</tr>
<!-- Baris Baru-->
<tr> <!-- Data Tabel-->
<td>1.</td>
<td>Abdul</td>
<td>87</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>2.</td>
<td>Banu</td>
<td>66</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>3.</td>
<td>Cintiya</td>
<td>97</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>4.</td>
<td>Daniel</td>
<td>96</td>
<tr>
<!-- Baris Baru-->
<tr>
<td>5.</td>
<td>Edi</td>
<td>78</td>
<tr>
</table><!-- Tag Tabel Ditutup-->

Hasilnya: 

Itulah tadi penjelasan mengenai pembuatan tabel sederhana dengan html. Kamu juga bisa menambah kode css untuk mempercantik tabel yang telah dibuat sehingga lebih sedap dipandang.
Demikian artikel tentang cara membuat tabel dengan html ini, semoga bermanfaat! Terima Kasih!

Kumpulan Kode Warna Terbaik Untuk Desain Website

Beberapa kode warna HTML menarik dan bagus untuk design website atau blog – Hallo sobat! Selamat datang di artikel TB kali ini. Pada kesempatan kali ini, saya akan membagikan beberapa kode warna terbaik untuk desain halaman web. Kode warna yang akan saya bagikan kali ini merupakan warna yang termasuk populer dan sering digunakan untuk desain halaman website yang modern, klasik, dan juga sederhana. Tak hanya desain halaman, namun warna menarik ini dapat digunakan sebagai warna dasar gambar, tulisan, dasar elemen/widget dan lain sebagainya

Warna pada website sangatlah penting. Dengan warna, website akan terlihat lebih hidup dan pengunjung bakalan betah berada di blog. Tetapi terkadang pemilik blog atau website tak jarang kebingungan dalam memilih warna untuk web nya. Jika salah memilih dan memadukan warna, website akan terlihat acak acakan. Oleh karena itu disini saya akan memberikan beberapa rekomendasi warna html yang dapat kalian ambil kodenya melalui beberapa website berikut ini.

1. HTMLCOLORCODES.com

Di situs ini kamu akan menemukan banyak sekali pilihan warna. Kode warna disini bukan kode warna dasar biasa. Warna yang ada di situs ini sudah ditambah efek kabur dengan RGBA.
Di web ini, kita tidak hanya dapat mengatur warna sesuka hati. Tetapi ada juga rekomendasi warna untuk desain grafik, tulisan, dan umum untuk warna dasar website.

Untuk warna dasar website, sudah ada beberapa rekomendasi seperti:
WHITE #FFFFFF RGB(255, 255, 255)
SILVER #C0C0C0 RGB(192, 192, 192)
GRAY #808080 RGB(128, 128, 128)
BLACK #000000 RGB(0, 0, 0)
RED #FF0000 RGB(255, 0, 0)
MAROON #800000 RGB(128, 0, 0)
YELLOW #FFFF00 RGB(255, 255, 0)
OLIVE #808000 RGB(128, 128, 0)
LIME #00FF00 RGB(0, 255, 0)
GREEN #008000 RGB(0, 128, 0)
AQUA #00FFFF RGB(0, 255, 255)
TEAL #008080 RGB(0, 128, 128)
BLUE #0000FF RGB(0, 0, 255)
NAVY #000080 RGB(0, 0, 128)
FUCHSIA #FF00FF RGB(255, 0, 255))
PURPLE #800080 RGB(128, 0, 128))

2. FLATUICOLORS.com


Untuk halaman flat design, beberapa warna di situs ini sangat cocok untuk digunakan. Warna - warna disini tidak menampilkan efek seperti gradasi, tetapi hanya satu warna datar disertai efek blur yang sedap dipandang. Untuk mendapatkan kode warna disini, kamu hanya perlu klik warna yang diinginkan lalu otomatis warna akan ter copy.

Itulah beberapa warna menarik untuk desain website. Semoga menambah wawasan dan bermanfaat untuk kalian semua. Terima Kasih!