Membuat Tabel Menggunakan HTML

Seperti judul diatas yang akan saya bahas adalah tutorial dari HTML (Hyper Text Markup Language) adalah file teks atau file ASCII yang berisi instruksi atau script kepada web browser untuk menampilkan suatu tampilan grafis dari halaman web. Disini saya akan membuat tabel menggunakan aplikasi/software Notepad++ dan ada sedikit saya tambahkan menggunakan script CSS (Cascading Style Sheet).

Langkah 1

Buka Notepad++ sobat.

Langkah 2

Mulai ketikkan kode di bawah ini.
<!DOCTYPE HTML>
<head>
    <title>Membuat Tabel</title>
</head>
<style type="text/css">

</style>
<body>

</body>
</html>

Langkah 3
Ketikkan kode CSS nya di bawah </head> diatasnya <body> seperti di bawah ini.
</head>

<style type="text/css">
table{
    border:1px solid #167E8F;}
td{
    border:1px solid #167E8F;
    padding:20px!important;
    font:20px sans-serif;
    color:#FF6600;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;}
td:hover{
    background-color: #FF6600;
    font:20px sans-serif;
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;}
#cpa{
    width: 284px;
    height: auto;
    margin-top: 8px;
    font: 10px Arial;
    text-align: center;
    color: teal;
    font-style: oblique;
}
#cpa a{
    color: #167E8F;
    font: 10px Arial;
    font-style: oblique;
}
#cpa :hover{
    color: #FF6600;
    font: 10px Arial;
    font-style: oblique;
}
</style>
<body>

Langkah 4
Mulai kita ketikkan kode tabelnya seperti di bawah ini.
<body>

<table>
<tr><td rowspan="3">a</td><td>b</td><td colspan="3">c</td></tr>
<tr><td colspan="2">d</td><td rowspan="2">e</td><td>f</td></tr>
<tr><td>g</td><td>h</td><td>i</td></tr>
<tr><td>j</td><td rowspan="2">k</td><td colspan="3">l</td></tr>
<tr><td>m</td><td>n</td><td colspan="2">o</td></tr>
</table>
</body>

Langkah 5
Nah kode sudah diketik semua maka hasilnya seperti di bawah ini.

a	b	c
	d		e	f
	g	h		i
j	k	l
m		n	o

Untuk tutorial Membuat Tabel Menggunakan HTML sudah selesai saya harap bisa bermanfaat buat sobat-sobat yang sudah membacanya dan mau untuk belajar. Ingat setiap cara pasti berbeda tapi yang terpenting adalah hasilnya. Terima kasih. (amiz)

Situs Informasi Cirebon