Untuk membuat tabel dengan menggunakan program HTML pertama jalankan aplikasi yang mendukung syntax HTML seperti Note++, Sublime text atau aplikasi lainnya. Pada kesempatan ini saya akan memberikan sedikit penjelasan bagaimana langkah langkah dalam pembuatan tabel biodata dengan menggunakan program HTML.
Ok. chek this out........!!!
langkah langkahnya seperti dibawah ini :
<html>
<head>
<title>STHEVENLY.YR</title>
</head>
<body>
<br>
<p align="center"><font size="40" face="cambria"><u>Tugas pemrograman HTML</p></font></u>
<br>
<br>
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="black" bgcolor="0fd4f8">
<tr bgcolor="49f855">
<th colspan="3" height="40">
<p>BIODATA</p>
</th>
</tr>
<tr>
<td width="153"><b>NIM</b></td>
<td width="23"><div align="center" >:</div></td>
<td width="326">1504411150</td>
</tr>
<tr>
<td><b>NAMA</b></td>
<td><div align="center" >:</div></td>
<td>STHEVENLY.YR</td>
</tr>
<tr>
<td><b>SEMESTER/KELAS</b></td>
<td><div align="center" >:</div></td>
<td>III/3E</td>
</tr>
<tr>
<td><b>DOSEN</b></td>
<td><div align="center" >:</div></td>
<td>Syafriadi, S.kom., M.kom.</td>
</tr>
</table>
</body>
</html>
<head>
<title>STHEVENLY.YR</title>
</head>
<body>
<br>
<p align="center"><font size="40" face="cambria"><u>Tugas pemrograman HTML</p></font></u>
<br>
<br>
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="black" bgcolor="0fd4f8">
<tr bgcolor="49f855">
<th colspan="3" height="40">
<p>BIODATA</p>
</th>
</tr>
<tr>
<td width="153"><b>NIM</b></td>
<td width="23"><div align="center" >:</div></td>
<td width="326">1504411150</td>
</tr>
<tr>
<td><b>NAMA</b></td>
<td><div align="center" >:</div></td>
<td>STHEVENLY.YR</td>
</tr>
<tr>
<td><b>SEMESTER/KELAS</b></td>
<td><div align="center" >:</div></td>
<td>III/3E</td>
</tr>
<tr>
<td><b>DOSEN</b></td>
<td><div align="center" >:</div></td>
<td>Syafriadi, S.kom., M.kom.</td>
</tr>
</table>
</body>
</html>
Hasilnya :
Penjelasan dari fungsi tag HTML :
untuk menandai awal dan akhir dari file HTML
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
untuk menandai awal dan akhir dari file HTML
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
untuk menandai awal dan akhir dari file HTML
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
Disalin dari : http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Hargai penulis, jangan hapus sumber ini.
<html> </html> Untuk menandai awal dan akhir dari file HTML
<head> </head> Keterangan dokumen sebagai judul halaman web
<title> </title> Membuat judul untuk dokumen HTML
<body> </body> Menampilkan isi dokumen HTML
<br> </br> Memberi baris baru/pindah baris
<p> </p> Membuat sebuah paragraf baru
<align> </align> Perataan teks dokumen HTML
<font size> </font> Mengatur ukuran huruf dokumen HTML
<font face> </font> Merubah jenis huruf dokumen HTML
<table> </table> Memberikan tabel pada dokumen HTML
<table width> </table> Mengatur ukuran tabel
<table border> </table> Mengatur ukuran lebar border dalam tabel
<table bgcolor> <table> Mengatur warna latar belakang tabel
<cellpadding> Mengatur jarak sisi dalam tabel
<cellspacing> Mengatur jarak garis tepi dalam tabel
<bordercolor> Mengatur warna border dalam tabel
<th> </th> Sel header dalam sebuah tabel
<colspan> Untuk menggabungkan kolom menjadi satu
<height> Untuk mengatur ukuran tinggi cell pada tabel
<tr> </tr> Untuk membuat baris baru pada tabel
<td> </td> Untuk membuat kolom baru pada tabel
<b> </b> Untuk menebalkan teks pada dokumen HTML
<div> </div> Mendefinisikan section dalam dokumen
Itulah langkah langkah dalam pembuatan tabel dengan menggunakan program HTML.
jika ada kesalahan mohon dimaafkan. Sekian dan terima kasih
<br> </br> Memberi baris baru/pindah baris
<p> </p> Membuat sebuah paragraf baru
<align> </align> Perataan teks dokumen HTML
<font size> </font> Mengatur ukuran huruf dokumen HTML
<font face> </font> Merubah jenis huruf dokumen HTML
<table> </table> Memberikan tabel pada dokumen HTML
<table width> </table> Mengatur ukuran tabel
<table border> </table> Mengatur ukuran lebar border dalam tabel
<table bgcolor> <table> Mengatur warna latar belakang tabel
<cellpadding> Mengatur jarak sisi dalam tabel
<cellspacing> Mengatur jarak garis tepi dalam tabel
<bordercolor> Mengatur warna border dalam tabel
<th> </th> Sel header dalam sebuah tabel
<colspan> Untuk menggabungkan kolom menjadi satu
<height> Untuk mengatur ukuran tinggi cell pada tabel
<tr> </tr> Untuk membuat baris baru pada tabel
<td> </td> Untuk membuat kolom baru pada tabel
<b> </b> Untuk menebalkan teks pada dokumen HTML
<div> </div> Mendefinisikan section dalam dokumen
Itulah langkah langkah dalam pembuatan tabel dengan menggunakan program HTML.
jika ada kesalahan mohon dimaafkan. Sekian dan terima kasih
Tidak ada komentar:
Posting Komentar