TAMPILAN WEB DALAM TABEL
atau
LAYOUT WEB MENGGUNAKAN TABEL
Jumat, 14 Oktober 2016
MATERI : HYPERTEXT MARKUP LANGUAGE ( 4 )
ELEMEN HTML
( 22 )
22. Hyperlink
Hyperlink / link adalah suatu metode yang digunakan
dalam HTML untuk membuat hubungan antar halaman yang terdapat dalam satu situs
web.
Untuk memanfaatkan elemen hyperlink pada web, file
HTML yang harus dibuat minimal 2 halaman / 2 file HTML.
Script : <a>
…. </a>
Atribut hyperlink :
- href : untuk alamat tujuan / lokasi tujuan / halaman tujuan ketika link di-klik
contoh :
<a href = “file2.html”> Buka file 2 </a>
- target : untuk target halaman yang dibuka oleh linkcontoh : <a href=”file2.html” target=”_blank”> Buka file 2 </a>
_blank
: halaman yang dibuka berada di halaman baru (new tab)
_self : halaman yang dibuka berada di halaman yang
sama (halaman itu sendiri)
- title : untuk keterangan link berupa teks yang muncul jika kursor diletakkan tepat pada link
Link berupa gambar:
<a href=”file2.html”
target=”_blank”> <img
src=”beranda.png” width=”100” height=”50”>
</a>
Link untuk
membuka file ms.word :
<a href=”aku.docx”
target=”_blank”> buka file
word </a>
MATERI :HYPERTEXT MARKUP LANGUAGE ( 3 )
ELEMEN HTML
( 14 - 21 )
14. PREFORMATTED TEXT
Preformatted Text : Elemen pada HTML yang digunakan untuk menampilkan
dokumen HTML pada web browser agar tampilannya sama dengan apa yang ada pada
editor teks.
Sintaksnya yaitu : <pre> … </pre>
Tag ini akan menampilkan teks dengan font Courier dan tetap
mempertahankan spasi serta baris baru.
Contoh penggunaan preformatted text :
15. BACKGROUND ATAU LATAR BELAKANG WEB
Penulisan script untuk background
terletak pada script <body … >.
Background web dapat terdiri dari :
a. Background warna
Script : <body bgcolor=”blue”>
b. Background gambar
Script : <body background=”satu.jpg”>
Keterangan :
pada web yang menggunakan background gambar, file gambar
harus 1 folder dengan file HTML-nya.
16 dan 17. ORDERED LIST DAN UNORDERED LIST
18. TABLE
Table
terdiri dari th, tr dan td.
th =
table heading (kepala tabel)
tr =
table row (baris tabel)
td =
table data (cell tabel)
Atribut
table antara lain:
- border = digunakan untuk garis tepi tabel
contoh : <table border=”2”>
- bgcolor = digunakan untuk latar belakang tabel
contoh :
- <table border=”1”
bgcolor=”red”>
- <tr bgcolor=”blue">
- <td bgcolor=”yellow”>
- Cellspacing = digunakan untuk mengatur spasi antar cell
Contoh : <table cellspacing=”5”>
- Cellpadding = digunakan untuk mengatur jarak antara garis tabel dengan isi tabel
Contoh : <table border=”1”
cellpadding=”8”>
- Colspan =digunakan untuk menggabungkan beberapa kolom pada tabel
contoh : <td colspan = “2”>
- Rowspan = digunakan untuk menggabungkan beberapa baris pada tabel
contoh : <tr rowspan = “2”>
Contoh tabel :
<table border="10">
<tr>
<th> NO </th>
<th> NAMA </th>
</tr>
<tr>
<td>
010 </td>
<td>
Sinta Ramadhani </td>
</tr>
<tr>
<td>
011 </td>
<td>
Ana </td>
</tr>
</table> 
19. insert gambar
Script :
<img src = “smk bisa.jpg” width = “150”
height = “150” border = “7” title = “SMK”>
Keterangan :
- src untuk
menampilkan nama dan format gambar / foto.
- width
untuk lebar gambar dalam satuan pixel
- height
untuk tinggi gambar dalam satuan pixel
- border
untuk tebal bingkai pada gambar
- title untuk
keterangan gambar berupa teks yang muncul jika kursor diletakkan pada gambar
20. insert audio
Script :
<audio
controls=”controls”>
<source
src="house.mp3" type="audio/mp3"
</audio>
21. insert video
Script :
<video width
= “300” height=”250” controls=”controls”>
<source
src="a.mp4" type="video/mp4">
</video>
Langganan:
Postingan (Atom)