Pertemuan II
Berikut materi yang saya bisa deklarasikan dalam pertemuan 2 mata kuliah PPW
Tag yang ada pada html (masa pengenalan)
>Image {<img />}
>Ganti Baris {<br />}
>Horizontal Rule {<hr />}
>Input Field{<Input />}
>Ganti Baris {<br />}
>Horizontal Rule {<hr />}
>Input Field{<Input />}
Tag-Tag
lain :
a. Tag link
Atribut
|
Fungsi
|
href
|
Menunjuk pada URL / dokumen lain
|
rel
|
Mendefinisikan
relasi terhadap sebuah dokumendan dokumen lain yang berisi informasi tentang
personil yang member kontribusi terhadap dokumen tersebut
|
rev
|
Mendefinisikan
relasi sebuah dokumen HTML dengan dokumen lain
|
type
|
Menentukan
tipe dan paramenter dari relasi
|
Contoh
penggunaannya adalah sebagai berikut:
Atribut
|
Fungsi
|
http-equiv
|
Mendefinisikan
properti dari elemen
|
name
|
Menyediakan
deskripsi tambahan dari elemen
|
url
|
Mendefinisikan
target dokumen dari sebuah properti
|
Content
|
Menyediakan
nilai respon dari properti
|
<meta http-equiv="refresh" content="60" url="www.alamat.com" />
·
Tag Body
Atribut
|
Fungsi
|
alink
|
Menunjukkan warna link aktif
|
background
|
Merujuk URL atau direktori dari gambar
yang digunakan sebagai latar belakang
|
bgcolor
|
Menentukan warna latar belakang
|
bgproperties
|
Jika nilai atribut diisi “FIXED”, maka
gambar latar belakang tidak ikut tergulung
|
leftmargin
|
Batas kiri dokumen
|
link
|
Menentukan warna link yang belum
dikunjungi
|
text
|
Menentukan warna teks
|
topmargin
|
Menentukan batas atas
|
vlink
|
Menentukan warna link yang telah
dikunjungi
|
Berikut Contohnya
<html>
<head>
<title>List</title>
</head>
<body>
<p>Daftar Buah-buahan</p>
<ol>
<li>Jeruk</li>
<li>Salak</li>
<li>Mangga</li>
<li>Anggur</li>
<li>Apel</li>
</ol>
<p>Daftar Hewan</p>
<ul>
<li>Harimau</li>
<li>Kuda</li>
<li>Antelop</li>
<li>Tikus</li>
<li>Semut</li>
</ul>
</body>
</html>
|
·
Format karakter
>Logical Format
· <cite>,
digunakan untuk menandai suatu kutipan (citation).
· <code>,
digunakan untuk menampilkan kode-kode pemrograman, misalnya bahasa C.
· <em>,
digunakan untuk menandai suatu teks yang ditekankan (cetak miring) oleh
penulis.
· <kbd>, digunakan untuk menandai
suatu teks yang harus dimasukkan oleh user melalui keyboard.
· <samp>, digunakan untuk menandai
suatu teks yang dimaksudkan sebagai contoh.
· <strong>,
digunakan untuk menandai bagian yang penting (cetak tebal) dari suatu teks.
· <var>,
digunakan untuk menampilkan nama variabel.
· <dfn>,
digunakan untuk menandai sebuah subdefinisidari daftar definisi.
> Physical
Format
• <b>, untuk menampilkan
huruf tebal.
• <i>, untuk menampilkan
huruf miring.
• <u>, untuk menampilkan
garis bawah pada teks.<tt>, untuk menampilkan huruf
seperti huruf mesin ketik.
• <strike>, untuk
menampilkan garis horizontal pada bagian tengah huruf.
• <big>, untuk
menampilkan ukuran huruf yang lebih besar.
• <small>, untuk
menampilkan ukuran huruf yang lebih kecil.
• <sub>, untuk
menampilkan subscript.
• <sup>,
untuk menampilkan superscript.
> Menyisipkan Link dalam Teks
<html>
<head>
<title>Menyisipkan Link</title>
</head>
<body>
<a href="http://www.Facebook.com/cigetbudi2">Klik</a> untuk menuju alamat facebook Sigit Budi Darmawan
<br
/>
Kalau menggunakan gambar
<a href="http://www.facebook.com/cigetbudi2">
<img src="(destinasi gambar beserta formatnya)" alt="(teks yang muncul apabila gambar tidak muncul)" align="(tata letak)" />
</a>
</body>
</html>
|
>Tabel
HTML
menyediakan tag-tag untuk membuat sebuah tabel, yaitu:
• Tag
<table> : Mendefinisikan sebuah tebel
• Tag
<tr> : Mendefinisikan baris tabel
• Tag
<th> : Mendefinisikan judul kolom
• Tag
<td> : Mendefinisikan isi tiap kolom
<html>
<head>
<title>HTML Tabel</title>
</head>
<body>
<table border="1">
<tr>
<th>Kolom 1</th>
<th>Kolom 2</th>
<th>Kolom 3</th>
</tr>
<tr>
<td>Baris 1 kolom 1</td>
<td>Baris 1 kolom 2</td>
<td>Baris 1 kolom 3</td>
</tr>
<tr>
14
<td>Baris 2 kolom 1</td>
<td>Baris 2 kolom 2</td>
<td>Baris 2 kolom 3</td>
</tr>
</table>
</body>
</html>
|
0 komentar: