1 / 13

Tabel dan Hyperlink

Tabel dan Hyperlink. Erizal , S.Si , M.Kom STMIK A.Yani erizalmik@yahoo.com http://erizal.wordpress.com. Tag-tag yang digunakan. <TABLE> untuk pembuatan tabel, dengan atribut BORDER utk memberi bingkai. <CAPTION> menentukan judul tabel <TR> membuat baris dalam tabel

lelia
Download Presentation

Tabel dan Hyperlink

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tabel dan Hyperlink Erizal, S.Si, M.Kom STMIK A.Yani erizalmik@yahoo.com http://erizal.wordpress.com

  2. Tag-tag yang digunakan <TABLE> untuk pembuatan tabel, dengan atribut BORDER utk memberi bingkai. <CAPTION> menentukan judul tabel <TR> membuat baris dalam tabel <TH> membuat judul kolom <TD> membuat sebuah sel data

  3. Contoh <HTML> <HEAD> <TITLE>Tabel dengan Garis</TITLE> </HEAD> <BODY> <TABLE BORDER = "1"> <CAPTION>Daftar Harga Keladi</CAPTION> <TR><TH>Nama</TH><TH>Harga</TH></TR> <TR><TD>Red Flash</TD><TD>35.000</TD></TR> <TR><TD>Red Fire</TD><TD>60.000</TD></TR> <TR><TD>Fannie Munson</TD><TD>60.000</TD></TR> </TABLE> </BODY>

  4. Pengaturanjarakdalamtabel CELLSPACING mengatur jarak bagian sel thd tepi dalam bingkai tabel. CELLPADDING mengatur jarak teks terhadap tepi kiri.

  5. Contoh <HTML> <HEAD> <TITLE>Tombol dengan Tabel</TITLE> </HEAD> <BODY> <TABLE BORDER = "5" CELLSPACING = "5“ CELLPADDING = "5" BGCOLOR = "green"> <TR><TD> <FONT COLOR = "red"><B>e-mail</B></FONT> </TD></TR> </TABLE> </BODY> </HTML>

  6. PenggabunganSel tag <ROWSPAN> dan <COLSPAN> Atribut ROWSPAN ditempatkan pada tag <TD> Atribut COLSPAN bisa ditempatkan pada tag <TD> atau <TH>

  7. Contoh Atribut ROWSPAN ditempatkan pada tag <TD> <HTML> <HEAD> <TITLE>Penggunaan ROWSPAN</TITLE> </HEAD> <BODY> <TABLE BORDER = "1"> <CAPTION>Daftar Wilayah dan Kota</CAPTION> <TR> <TD ROWSPAN = "3">Jawa Tengah</TD> <TD>Semarang</TD> </TR> <TR><TD>Kudus</TD></TR> <TR><TD>Solo</TD></TR> </TABLE> </BODY> </HTML>

  8. Contoh Atribut COLSPAN bisa ditempatkan pada tag <TD> atau <TH> <HTML> <HEAD> <TITLE>Penggunaan COLSPAN</TITLE> </HEAD> <BODY> <TABLE BORDER = "1"> <CAPTION>Daftar Target</CAPTION> <TR> <TH COLSPAN = "2">Area: Jawa Tengah</TH> </TR> <TR><TD>Semarang</TD><TD>15.000</TD></TR> <TR><TD>Kudus</TD><TD>11.000</TD></TR> </TABLE> </BODY> </HTML>

  9. PEMBUATAN LINK Penggunaan tag <A HREF> <HTML> <HEAD> <TITLE>Halaman Utama</TITLE> </HEAD> <BODY> <H1>Halaman Utama</H1> Silakan klik pada link-link berikut:<BR> <A HREF = "halx.htm">Halaman X</A><BR> <A HREF = "http://erizal.wordpress.com">Homepage saya</A><BR> <A HREF = "computer.jpg"><IMG SRC = computer.jpg> Membuat link dengan gambar </A><BR> </BODY> </HTML>

  10. Bookmark Menggunakan bookmark pada suatu halaman web yang panjang.

  11. Contoh Bookmark <HTML> <HEAD> <TITLE>Bookmark</TITLE> </HEAD> <BODY> <CENTER> <H1>BUKU</H1> <B>Daftar Isi:</B><BR> <A HREF = "#bab1">Bab 1</A><BR> <A HREF = "#bab2">Bab 2</A><BR> <HR> <A NAME = "#bab1"> <H2>BAB 1</H2> ...<BR> ...<BR> <HR> <A NAME = "#bab2"> <H2>BAB 2</H2> ...<BR> ...<BR> <HR> </CENTER> </BODY> </HTML>

  12. Latihan

  13. END OF MODUL

More Related