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!

Komputer Tiba-tiba Restart Sendiri ? Ini Cara Mengatasinya

Hal yang paling mengesalkan saat bekerja dengan komputer adalah tiba-tiba terjadi error atau interupsi pada komputer tersebut. Memang, namanya mesin tidak selalu berjalan normal. Kadang kala pasti akan mengalami error, crash, delay, hang, bahkan hingga tidak dapat menyala sama sekali. Tentu hal ini akan sangat mengganggu aktifitas atau pekerjaan.
Salah satu kejadian error yang menimpa banyak

8 penyebab kenapa blog anda dianggap spam dan di hapus oleh google

Saya yakin kemungkinan anda akan terkejut dan kesal campur aduk ketika anda tidak lagi bisa mengakses blog berflaform blogspot kesayangan anda yang sudah anda pelihara dan sudah cukup banyak memiliki pengunjung dan artikel,   lalu anda mendapatkan email pemberitahuan bahwa blog anda dianggap spam dan ditangguhkan bahkan dihapus oleh google.

Kasus seperti ini banyak dialami  blog-blog yang dibuat

Begini Cara Mengatasi Layar Blank Saat PC Dinyalakan

Perangkat komputer tidak akan selalu bekerja dengan optimal. Kadang kala juga harus mengalami kendala seperti monitor tidak dapat menampilkan apapun atau layar blank (kosong). Monitor yang mengalami layar blank dapat terjadi kapan saja. Saat PC baru dinyalakan, saat masuk atau booting ke sistem operasi, atau bahkan ketika sedang membuka program aplikasi.
Banyak kasus yang terjadi ketika

Cara mudah mengaktifkan deskripsi penelusuran blog berflatform blogspot untuk pemula

Blogger yang sudah cukup mengenal dunia seo, terutama optimasi seo onpage akan banyak sekali melibatkan hal-hal yang dapat meningkatkan relevansi konten terhadap kata kunci, karena semakin relevan isi suatu blog itu artinya blog tersebut memiliki banyak kesempatan untuk muncul di hasil pencarian.

Untuk bloger yang memperhatikan seo, salah satu hal yang secara tidak langsung dapat meningkatkan

Inilah Spesifikasi PC Desain dan Editing Standar 2017

Komputer sebagai salah satu teknologi digital tentu tidak bisa lepas dari fungsinya untuk memudahkan pekerjaan manusia. Salah satu bidang pekerjaan yang sangat terbantu dengan adanya teknologi komputer adalah desain grafis dan editing multimedia. Apalagi saat ini kebutuhan produk digital yang memiliki nilai seni grafis 3D dan multimedia tinggi semakin diminati.
Software modern untuk pekerjaan