Anda di halaman 1dari 3

Cara-cara membuat table pada web design (HTML)

Seperti halnya membuat web desighn (html) dasar yang pertama jangan lupa
memasukkan texs dibawah ini

<HTML>
<HAED>
<TITLE>............</TITLE>
</HAED>
<BODY>

</BODY>
</HTML>

Untuk yang pertama membuat tabel ketik texs ini : <table border=....> pilih
angka 1- 8 pada titik-titik untuk mengatur tebal tipisnya table, dan yang terahkir
untuk membuat table ketik </table>, lalu untuk mengawali setiap tabel ketik
<tr>;<td> dan ketik kata yang ingin di masukkan pada table dan di akhiri
dengan </td> dan </tr>, tetapi jika anda ingin menambah table pada
sampingnya langsung ketik <td> udah gak pakek <tr>.
Dan jika anda inggin menambah table di bawah ketik lagi seperti yang pertama
<tr>;<td> dan di akhiri dengan </td> dan </tr>.

Namun jika anda ingin mengasih warna huruf ketik <font color=red> untuk
warna merah setelah texs <tr> dan <td> di masukkan.
Lalu jika anda ingin memberi backround langsung ketik <tr bgcolor=yellow>
untuk warna kuning
Dan untuk meratakan tulisan ke tengah (center) tinggal ketik <center> sebelum
menggetik texs yang ingin anda masukkan ke dalam table
Ini adalah contoh table pada web design (HTML) yang saya buat :
<html>
<haed>
<title>belajar html</title>
</head>
<body>
<center><h1><i>tabel daftar nilai tkj 2</hi></i><br>
<center><table border=3>
<tr bgcolor=yellow><td><font color=red><center>nomor</td><td><font color=red>nama</td><td><font color=red>nilai
matematika</td><td><font color=red>nilai bahasa indonesia</tr></td>
<tr><td><font color=red><center>1</td><td><font color=red>agam</td><td><font color=red><center>99</td><td><font
color=red><center>95</tr></Td>
<tr><td><font color=red><center>2</td><td><font color=red>dhani</td><td><font color=red><center>80</td><td><font
color=red><center>80</tr></td>
<tr><td><font color=red><center>3</td><td><font color=red>lintang</td><td><font
color=red><center>78</td><td><font color=red><center>90</tr></td>
<tr><td><font color=red><center>4</td><td><font color=red>beni</td><td><font color=red><center>87</td><td><font
color=red><center>84</tr></td>

<tr><td><font color=red><center>5</td><td><font color=red>sumiaton</td><td><font


color=red><center>88</td><td><font color=red><center>82</tr></td>
<tr><td><font color=red><center>6</td><td><font color=red>fiqon</td><td><font color=red><center>77</td><td><font
color=red><center>81</tr></td>
<tr><td><font color=red><center>7</td><td><font color=red>dika</td><td><font color=red><center>86</td><td><font
color=red><center>71</tr></td>
<tr><td><font color=red><center>8</td><td><font color=red>irawan</td><td><font color=red><center>75</td><td><font
color=red><center>76</tr></td>
<tr><td><font color=red><center>9</td><td><font color=red>ivan</td><td><font color=red><center>80</td><td><font
color=red><center>77</tr></td>
<tr><td><font color=red><center>10</td><td><font color=red>luluk</td><td><font color=red><center>70</td><td><font
color=red><center>78</tr></td>
<tr><td colspan=2
alighn=center><center>JUMLAH</center><td><center>820</td></center><td><center>814</td></center></tr>
</table>
</body>
</html>

Sekian dari saya ini adalah hal membuat table pada web
design (HTML) yang saya ketahui, mungkin masih banyak
yang belum saya ketahui mohon maaf jika ada kesalahan

Anda mungkin juga menyukai