Assalamu
Alaikum Wr.Wb......
Selamat pagi, siang,
sore, malem sahabat blogersss... Kali ini saya mau berbagi
atau istilah kerennya men-share
kepada teman - teman
tentang “Bagaimana Caranya Membuat Tabel
Menggunakan HTML”.
:)
Untuk membuat tabel menggunakan
HTML, kita bisa menggunakan notepad sebagai sarana untuk menuliskan listing
HTML-nya. Sebelum ke TKP apa sih yang di maksud dengan HTML itu sendiri??
Jawabanya adalah Hyper Text Markup Language (HTML) adalah bahasa dari Worl Wide Web (www) yang di pergunakan untuk menyusun dan membentuk dokumen agar dapat di tampilkan pada program web browser,,,,dari pada penasaran langsung aja yu ke TKP,,,, :)
Jawabanya adalah Hyper Text Markup Language (HTML) adalah bahasa dari Worl Wide Web (www) yang di pergunakan untuk menyusun dan membentuk dokumen agar dapat di tampilkan pada program web browser,,,,dari pada penasaran langsung aja yu ke TKP,,,, :)
Ø Langkah-langkah membuat
tabel :
1.
Buka
notepad melalui tombol start – All Program – ketikan “NotePad” pada kolom
pencarian.
2.
Simpan
dulu file tersebut dengan format *.html.
3.
Tuliskan listing
HTML
pada lembar kerja tadi.
Saya
akan memberikan contoh membuat tabel sebanyak 3 baris & 3 kolom.
a.
Tuliskan
listing seperti di bawah ini :
<html>
<head>
<title>
Membuat Tabel </title>
</head>
<body>
<table
border="2" width="50%" cellpadding=7>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
b.
Save
terlebih dahulu filenya.
c.
Buka
file yang kita buat tadi menggunakan web browser anda. Maka tampilannya akan
seperti gambar berikut :
Ø Langkah-langkah memasukan
Tulisan & Foto Pada Tabel :
1.
Buka
notepad melalui tombol start – All Program – ketikan “NotePad” pada kolom
pencarian.
2.
Simpan
dulu file tersebut dengan format *.html.
3.
Mulailah
mengetikan listing html pada lembar kerja tadi.
<html>
<head>
<title>
Profil saya </title>
</head>
<body>
<Font size="6"><B><center>Profil
saya</center></font>
<center><table border="5" width="50%"
cellpadding=5 cellspacing=2></center>
<tr>
<td><center><B>Nama
</B></center></td>
<td><center><B>
Jurusan </B></center></td>
<td><center><B>
Foto </B></center></td>
</tr>
<tr>
<td><font
size="5"><B> Anggi Nur Ependi
<B></font></td>
<td><B><center>
S1 </center></B></td>
<td><center><img
src="CIMG0664.JPG" width="100"></center></td>
</tr>
<tr>
<td><font
size="5"><B> STMIK TASIKMALAYA
<B></font></td>
<td><B><center>
IT </center</B></td>
<td><center><img
src="STMIK Tasikmalaya.JPG"
width="100"></center></td>
</tr>
</table>
</body>
</html>
Penting
!!! : Untuk gambar yang ingin di masukan harus d simpan dalam 1 folder dengan
file yang anda buat.
4.
Save
dulu filenya. Setelah itu buka menggunakan Web Browser anda, maka hasilnya akan
menjadi seperti ini :
Tidak ada komentar:
Posting Komentar