Kembali lagi dengan saya...
Sekarang saya akan memberi tahu cara/step by step membuat tabel pada html.
Sebenarnya cara awalnya sama dengan materi yang ada di belajar membuat web (part 1).
1. Buka XAMPP (aktifkan localhost dan mysql).
2. Buka Notepad++ atau notepad (bawaan windows).
3. Ketikan Struktur dasar HTML di dalam notepad++.
<html>
<head>
<title>MEMBUAT TABEL 1</title>
</head>
<body>
</body>
</html>
2. Buka Notepad++ atau notepad (bawaan windows).
3. Ketikan Struktur dasar HTML di dalam notepad++.
<html>
<head>
<title>MEMBUAT TABEL 1</title>
</head>
<body>
</body>
</html>
4. Simpan file tersebut didalam folder latihan 1 yang berada di dalam file htdocs (partisi C) dengan nama : coba1.html.
5. Lihat hasilnya.
5. Tambahkan TAG tabel
5. Lihat hasilnya.
5. Tambahkan TAG tabel
TAG TABLE
<table>
<tr>
<td>...</td>
<td>...</td>
<tr>
</table>
* tr : table row
tb : table data
6. Simpan dan lihat hasilnya di browser localhost.
6. Simpan dan lihat hasilnya di browser localhost.
7. Terapkan attribut tag tabel tersebut.
1.
2.
3.
4.
5.
*note : bolder : Garis Tepi
align : Penataan (left/center/right)
disini kamu bisa memilih. Saya memilih center dan lihat hasilnya dibawah.
cellpadding : jarak garis tepi dalam dengan text (kalian bisa menentukannya sendiri berapa)
cellspacing : jarak dari tepi dalam dengan garis tepi luar (kalian bisa menentukannya sendiri seperti cellpadding).
width : lebar tabel
rowspan : menggabungkan baris
colspan : menggabungkan kolom
8. Simpan dan lihat hasilnya.
1.
2.
3.
4.
5.
1.
2.
note : disini gambarnya yang telah saya buat sebelumnya hanya beda nama saja.
3.
4.
5.
*note : bolder : Garis Tepi
align : Penataan (left/center/right)
disini kamu bisa memilih. Saya memilih center dan lihat hasilnya dibawah.
cellpadding : jarak garis tepi dalam dengan text (kalian bisa menentukannya sendiri berapa)
cellspacing : jarak dari tepi dalam dengan garis tepi luar (kalian bisa menentukannya sendiri seperti cellpadding).
width : lebar tabel
rowspan : menggabungkan baris
colspan : menggabungkan kolom
8. Simpan dan lihat hasilnya.
1.
2.
3.
4.
5.
9. Membuat link dalam halaman web
<a href="...">Coba</a>
ex :
<a href="coba.html">Coba</a>
Hasilnya :
10. Menampilkan gambar ke halaman web :
- Cari salah satu gambar yang akan di masukan dan ubah nama gambarnya menjadi = image
- Copy gambar tersebut ke dalam folder latihan 1
Hasilnya :
SELESAI
Alhamdulillah
Mohon maaf jika tulisan saya tersebut masih membingungkan atau masih tidak di mengerti mohon maklum karena saya juga masih sama-sama belajar :)
See U Next time dengan pembahasan lanjutan....
Tidak ada komentar:
Posting Komentar