2 5
Penjelasan : script diatas menunjukkan cara untuk link email yaitu melakukan satu pesan
mail. Untuk link email memanfaatkan atribut mailt. Untuk dapat menghubungkan harus dengan catatan bahwa web client harus dalam kondisi terpasang.
12. Link Gambar
DOCTYPE html html
lang =
en
head title
Demo Link Gambar title
head body
a href
= http:google.co.id
title =
Search with Google
img src
= google.jpg
border =
a body
html
Gambar 4.6 Kode HTML
Gambar 4.7 Tampilan hasil web Penjelasan : script diatas menunjukkan cara untuk link gambar. Script diatas
menggunakan gambar google, dengan tittle “search with google”, yang nantinya apabila kursor diarahkan ke gambar maka akan muncul tulisan tittle tersebut. Jika diklik maka
akan diarahkan ke laman google.
13. Tabel
DOCTYPE html html
lang =
en
head title
Demo Table title
head body
table border
= 1
caption Label dari tabel
caption -- Header --
tr
2 5
th No
th th
Nama th
th Alamat
th tr
-- Baris data pertama -- tr
td
1 td
td Ibnu
td td
Jl.Jombang td
tr
Gambar 4.8 Kode HTML
Gambar 4.9 Tampilan hasil web Penjelasan : script diatas adalah script untuk membuat table pada dokumen html. Elemen-
elemen yang diperlukan untuk membuat table adalah table....table adalah tag pembentuk tabel, jika border disertakan, maka tabel akan tampil disertai border. Nilai
border 0-30. th adalah pembentuk sel header tabel. caption adalah pembentuk judul tabel yang dapat diberi tag apa saja. tr adalah penjelasan baris tabel. atribut yang
dipakai adalah align atau valign. td adalah pembentuk sel data dalam tabel. Jadi pada atribut td berisi data yang akan diisi pada atribut th.
14. Pemformatan Tabel
DOCTYPE html html
lang =
en
head title
Demo Spasi Table title
head body
table border
= 1
align =
center cellspacing
= cellspacing
= 10
-- Header -- tr
th
No th
th Nama
th th
Alamat th
tr -- Baris data pertama --
2 5
tr td
1 td
td Ibnu
td td
Jl.Jombang td
tr table
body
Gambar 5.0 Kode HTML
Gambar 5.1 Tampilan hasil web Penjelasan : sama seperti script sebelumnya namun pada script ini terdapat perubahan
cellspacing jarak spasi antar sel sehingga bentuk table berbeda dengan table yang sebelumnya . script diatas adalah script untuk membuat table pada dokumen html.
Elemen- elemen yang diperlukan untuk membuat table adalah table....table adalah tag pembentuk tabel, jika border disertakan, maka tabel akan tampil disertai border. Nilai
border 0-30. th adalah pembentuk sel header tabel. caption adalah pembentuk judul tabel yang dapat diberi tag apa saja. tr adalah penjelasan baris tabel. atribut yang
dipakai adalah align atau valign. td adalah pembentuk sel data dalam tabel. Jadi pada atribut td berisi data yang akan diisi pada atribut th.
DOCTYPE html html
lang =
en
head title
Demo Ukuran Table title
head body
table border
= 1
align =
center cellspacing
= cellspacing
= 5
tr -- Mengatur lebar kolom --
th width
= 50
No th
th width
= 150
Nama th
th width
= 200
Alamat th
tr -- Baris data pertama --
tr td
1 td
td Ibnu
td td
Jl.Jombang td
tr
2 5
table
body html
Gambar 5.2 Kode HTML
Gambar 5.3 Tampilan hasil web Penjelasan : sama dengan scrip sebelumnya namun pada script diatas terdapat modifikasi
table, terletak pada lebar table dan jarak spasi antar sel yang berbeda dari sebelumnya. Pada script, untuk mengatur lebar table dapat diatur per kolom. Untuk mengatur lebar
kolom dapat disisipkan atribut width dengan penulisan
th width
= 50
No th
.
Artinya semakin banyak angka yang digunakan maka akan semakin lebar kolom tersebut.
15. Desain Tabel
