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>
Tidak ada komentar:
Posting Komentar