Rangkuman HTML Part 3 – Layout Web dengan Tag Tabel

Pada pertemuan ke-3 ini, akan membahas tentang Layout Web. Banyak cara yang digunakan pada Layout web. Bisa secara manual maupun dengan bahasa HTML. Sebenarnya, sesuai dengan kemampuan kita kog- mau pake’ yang mana.. hehehe.

Langsung saja ya.. kita merangkum.

^ Penggunaan Tabel

Tag-Tag yang digunakan :

<TABLE> untuk pembuatan table dengan atribut BORDER untuk member bingkai

<CAPTION> menetukan judul table

<TR> membuat baris dalam table

<TH> membuat judul kolom

<TD> membuat sel data

^ Penggabungan sel dengan tag <ROWSPAN>

Atribut ROWSPAN ditempatkan pada tag <TD>

  • Isikan kode tag html diatas ke dalam program notepad.
  • Kemudian save as “all type”, simpan di “Local Disk C” xampp – Htdocs
  • Beri nama file dengan nama index.html

^ Penggabungan sel dengan tag <COLSPAN>

Atribut COLSPAN bisa ditempatkan pada tag <TD> atau <TH>

  • Isikan kode tag html diatas ke dalam program notepad.
  • Kemudian save as “all type”, simpan di “Local Disk C” xampp – Htdocs
  • Beri nama file dengan nama index.html

^ Pengaturan jarak pada tabel

CELLSPACING mengatur jarak bagian sel terhadap tepi dalam bingkai table

CELLPADDING mengatur jarak teks terhadap tepi kiri

  • Isikan kode tag html diatas ke dalam program notepad.
  • Kemudian save as “all type”, simpan di “Local Disk C” xampp – Htdocs
  • Beri nama file dengan nama index.html

^ Contoh Layout Web 3 baris 2 kolom

  • Isikan kode tag html diatas ke dalam program notepad.
  • Kemudian save as “all type”, simpan di “Local Disk C” xampp – Htdocs
  • Beri nama file dengan nama index.html

^ Hasil Layout Web 3 baris 2 kolom

Pada tampilan web ini, aku mengambil contoh dari web tugas aku. hehehe,,,, bagus gak!!! Di dalam web tersebut terdapat musik yang mengiringi website aku. hehehe… ya agak kecil dan simple sih.. tapi sudah cukup mewakili tag embed. Tag embed akan aku bahas pada pertemuan selanjutnya ya,,, hehehe.

  • Isikan kode tag html diatas ke dalam program notepad.
  • Kemudian save as “all type”, simpan di “Local Disk C” xampp – Htdocs
  • Beri nama file dengan nama index.html

Sekian rangkuman pada post kali ini, mudah-mudahan bermanfaat. Jangan terlupakan, kritik dan sarannya ya. Harus,,, Wajib!! Hehehe… Terimakasih.🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s