Posted on 29/10/2009 by virvz
Dalam HTML kita juga bisa menampilkan karakter-karakter khusus, seperti yang terdapat pada tabel berikut ini.
Karakter |
Entitas |
“ |
" |
& |
& |
< |
< |
> |
> |
€ |
€ |
Fungsi Spasi |
|
Á |
Á |
á |
á |
 |
 |
â |
â |
´ |
´ |
Æ |
Æ |
æ |
æ |
À |
À |
à |
à |
Å |
Å |
à |
à |
ã |
ã |
Ä |
Ä |
ä |
ä |
∀ |
∀ |
¦ |
¦ |
Ç |
Ç |
ç |
ç |
¸ |
¸ |
¢ |
¢ |
ˆ |
ˆ |
© |
© |
¤ |
¤ |
° |
° |
÷ |
÷ |
É |
É |
é |
é |
Ê |
Ê |
ê |
ê |
È |
È |
è |
è |
Ð |
Ð |
ð |
ð |
Ë |
Ë |
ë |
ë |
€ |
€ |
Ë |
Ë |
½ |
½ |
¼ |
¼ |
¾ |
¾ |
Í |
Í |
í |
í |
Î |
Î |
î |
î |
¡ |
¡ |
Ì |
Ì |
ì |
ì |
¿ |
¿ |
Ï |
Ï |
ï |
ï |
« |
« |
¯ |
¯ |
µ |
µ |
· |
· |
¬ |
¬ |
Ñ |
Ñ |
ñ |
ñ |
Ó |
Ó |
ó |
ó |
Ô |
Ô |
ô |
ô |
Œ |
Œ |
œ |
œ |
Ò |
Ò |
ò |
ò |
ª |
ª |
º |
º |
Ø |
Ø |
ø |
ø |
Õ |
Õ |
õ |
õ |
Ö |
Ö |
ö |
ö |
¶ |
¶ |
± |
± |
£ |
£ |
» |
» |
® |
® |
ƒ |
ƒ |
Š |
Š |
š |
š |
§ |
§ |
¹ |
¹ |
² |
² |
³ |
³ |
ß |
ß |
Þ |
Þ |
þ |
þ |
˜ |
˜ |
× |
× |
Ú |
Ú |
ú |
ú |
Û |
Û |
û |
û |
Ù |
Ù |
ù |
ù |
¨ |
¨ |
Ü |
Ü |
ü |
ü |
Ý |
Ý |
ý |
ý |
¥ |
¥ |
Ÿ |
Ÿ |
ÿ |
ÿ |
– |
– |
‘ |
‘ |
’ |
’ |
‚ |
‚ |
“ |
“ |
” |
” |
„ |
„ |
‹ |
‹ |
› |
› |
† |
† |
‡ |
‡ |
‰ |
‰ |
• |
• |
… |
… |
″ |
″ |
′ |
′ |
‾ |
‾ |
⁄ |
⁄ |
™ |
™ |
∂ |
∂ |
∏ |
∏ |
− |
− |
√ |
&radic |
∞ |
∞ |
∫ |
∫ |
≈ |
≈ |
≠ |
≠ |
≤ |
≤ |
≥ |
≥ |
◊ |
◊ |
Α |
Α |
α |
α |
Β |
Β |
β |
β |
Γ |
Γ |
γ |
γ |
Δ |
Δ |
δ |
δ |
Ε |
Ε |
ε |
ε |
Ζ |
Ζ |
ζ |
ζ |
Η |
Η |
η |
η |
Θ |
Θ |
θ |
θ |
Ι |
Ι |
ι |
ι |
Κ |
Κ |
κ |
κ |
Ε |
Ε |
Λ |
Λ |
λ |
λ |
Μ |
Μ |
μ |
μ |
Ν |
Ν |
ν |
ν |
Ξ |
Ξ |
ξ |
ξ |
Ο |
Ο |
Π |
Π |
π |
π |
Ρ |
Ρ |
ρ |
ρ |
Σ |
Σ |
σ |
σ |
ς |
ς |
Τ |
Τ |
τ |
τ |
Υ |
λ |
Φ |
Φ |
φ |
φ |
Χ |
Χ |
Ψ |
Ψ |
ψ |
ψ |
Ω |
Ω |
ω |
ω |
Filed under: Tutorial HTML | Leave a comment »
Posted on 29/10/2009 by virvz
Sebenarnya ada juga cara lain buat nampilin ukuran huruf, dengan memakai tag <font size=”…”>…..</font>. Agar tulisan pindah ke baris berikutnya maka pakai tag <br>.
<html>
<head>
<title>latihan</title>
<body>
<font size=”1″>Ini font size 1</font><br>
<font size=”2″>Ini font size 2</font><br>
<font size=”3″>Ini font size 3</font><br>
<font size=”4″>Ini font size 4</font><br>
<font size=”5″>Ini font size 5</font><br>
<font size=”6″>Ini font size 6</font><br>
<font size=”7″>Ini font size 7</font>
</body>
</html>
Maka hasilnya seperti di bawah ini.
Filed under: Tutorial HTML | Leave a comment »
Posted on 29/10/2009 by virvz
<html>
<head>
<title>latihan</title>
<body>
<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>
<h4>Ini heading 4</h4>
<h5>Ini heading 5</h5>
<h6>Ini heading 6</h6>
</body>
</html>
Maka hasilnya seperti dibawah ini.
Filed under: Tutorial HTML | Leave a comment »
Posted on 29/10/2009 by virvz
Kali ne kita kan coba buat bentuk dasar dari HTML
<html>
<head>
<title>latihan</title>
<body>
Tulis disini sesuka hatimu !!!
</body>
</html>
Maka hasilnya seperti dibawah ini.
Filed under: Tutorial HTML | Leave a comment »
Posted on 28/10/2009 by virvz
Berikut ini adalah tabel tag-tag HTML dan fungsinya:
Tag Utama
Tag |
Atribut |
Deskripsi |
<html></html> |
|
Baris paling atas dari setiap file HTML |
<head></head> |
|
Informasi umum dari sebuah halaman web |
<title></title> |
|
Judul halaman. Terdapat pada head |
<body></body> |
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth |
Settingan atribut untuk seluruh dokumen |
Modifikasi Teks
Tag |
Deskripsi |
Contoh |
<b></b> |
Teks tebal |
Teks tebal |
<i> </i> |
Teks miring |
Teks miring |
<u> </u> |
Teks garis bawah |
Teks garis bawah |
<pre></pre> |
Preformatted teks |
Contoh teks |
<h1></h1> |
Header 1 |
Header 1 |
<h2></h2> |
Header 2 |
Header 2 |
<h3> </h3> |
Header 3 |
Header 3 |
<h4></h4> |
Header 4 |
Header 4 |
<h5></h5> |
Header 5 |
Header 5 |
<h6></h6> |
Header 6 |
Header 6 |
<sub></sub> |
Subscript |
Subscript |
<sup></sup> |
Superscript |
Superscript |
Font
Tag |
Atribut |
Deskripsi |
</font></font> |
Color, size, name |
Mengubah gaya suatu huruf |
Links
Tag
|
Atribut
|
Deskripsi |
<a> </a> |
Href, target, style, class, name, id |
Membuat link ke dokumen atau situs lainnya |
Gambar
Tag
|
Atribut |
Deskripsi |
<img> |
Src, alt, name, border, height, width |
Menampilkan sebuah gambar |
Formatting
Tag |
Deskripsi |
Contoh |
<blockquote></blockquote> |
Digunakan untuk mengatur text dan gambar dalam suatu tag |
Contoh text in a block quote format ( “ “ ) |
<ol></ol> |
Ordered List (digunakan dengan <li>) |
1. Item 1 |
<ul></ul> |
Unordered List (digunakan dengan <li>) |
• Item 1 |
<li> |
Elemen List |
|
<dd></dd> |
Definition List |
|
<dt> |
Definition Term |
|
<dd> |
Definition Description |
|
<p></p> |
Paragraf |
|
<br> |
Ganti baris |
|
<hr> |
Garis horizonta |
|
<center></center> |
Menengahkan elemen |
|
Tabel
Tag |
Deskripsi |
Contoh |
<table></table> |
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign |
Mengatur semua elemen table |
<tr></tr> |
Height, bgcolor, background, align, valign, title |
Membuat baris baru |
<td></td> |
Height, width, bgcolor, background, align, valign, title, colspan, rowspan |
Membuat kolom |
<th></th> |
Height, width, bgcolor, background, align, valign, title, colspan, rowspan |
Header(kepala tabel). Otomatis ke tengah dan tebal |
<tbody></tbody> |
Height, width, align, valign, bgcolor, background |
Format yang berlaku bagi cell yang diapit tag |
<colgroup></colgroup> |
Height, width, align, valign, bgcolor, background, colspan |
Format yang berlaku bagi kolom |
Form
Tag |
Deskripsi |
Contoh |
<form></form> |
Method, action, name, enctype |
Mengatur elemen dari form |
<input type=> |
Text, password, hidden, radio, checkbox, submit, image, reset |
Variasi dari tipe elemen input dalam form |
<select></select> |
Name, size |
Membuat combo-box. Digunakan bersama dengan option |
<option> |
Selected, name, value |
|
<textarea></textarea> |
Name, rows, cols, wrap |
Membuat Text Area untuk input text dengan length yang lebih besar dari input text. |
wrap |
Off virtualphysical |
no wrap word wrap, sent as one lineword wrap, sent with breaks |
Filed under: Tutorial HTML | 1 Comment »