Cara Membuat Tabel Responsive Berwarna di Blog Menggunakan HTML

 Ask - Ask.co.id - Index

Assalamualaikum Sahabat Bagaimana Keadaan Kalian Hari Ini, Kami Doakan Semoga Sehat Selalu.

Cara Membuat Tabel Responsive Berwarna di Blog Menggunakan HTML

Cara Membuat Tabel Responsive Berwarna di Blog Menggunakan HTML

Cara Membuat Tabel Responsive Berwarna di Blog Menggunakan HTML

Adanya tabel pada postingan blog akan membuat pengunjung lebih mudah membaca dan memahami isi dari artikel tersebut., Selain mempermudah pengunjung, google juga sangat suka denga postingan blog yang memiliki media lengkap seperti gambar, video, tabel dan media lainnya.

Berikut adalah cara membuat tabel responsive di blog, Kode dasar untuk membuat table adalah sebagai berikut :


<table>
<tr>
<td></td>
</tr>
</table>

Keterangan: 

Table : Untuk membuat bagan tabel

Tr : Untuk membuat baris tabel

Td : Untuk membuat kolom tabel

Di bawah ini adalah contoh script tabel yang sudah jadi. Silahkan copy semua script dan paste ke postingan blog kamu dalam mode HTML.


<style>
table {background:#f6f6fe;width:100%}
th,td {height:10px;padding:5px;border:1px solid white}
th {background:#f87f14;color:white}
</style>
<br />
<table>
<tbody>
<tr>
<th>No.</th>
<th>Nama</th>
<th>Pekerjaan</th>
</tr>
<tr>
    <td>1.</td>
    <td>Kakak</td>
    <td>Pelajar</td>
</tr>
<tr>
    <td>2.</td>
    <td>Adik</td>
    <td>Pelajar</td>
</tr>
<tr>
    <td>3.</td>
    <td>Nenek</td>
    <td>Ibu Rumah Tangga</td>
</tr>

</tbody>
</table>

Untuk mengubah jumlah baris dan kolom, silahkan edit pada bagian kode <tr> dan <td>. Dan jangan lupa ubah semua kata-kata yang ada didalaam <tr> dan <td>




Semoga Bermanfaat.

Banyak Hal Yang Akan Kita Bahas Silahkan Kunjungi Website Kami Secara Berkala Agar Anda Tidak Ketinggalan Informsi Yang Unik Dan Menarik Lainya, Share Bila Postingan Ini Bermanfaat.

Terimakasih Dan Sampai Jumpa.


Kategori : QuoteAskPediaAskNewsPerpustakaanNasionalInternasionalFlora & FaunaTehnologiPropertiTravelSportFoodKesehatanPopulerEntertainmentAgamaVidio.

Baca Juga

Komentar

Lebih baru Lebih lama