Menampilkan Karakter Khusus

Dalam HTML kita juga bisa menampilkan karakter-karakter khusus, seperti yang terdapat pada tabel berikut ini.

Karakter Entitas
"
& &
< &lt;
> &gt;
&euro;
Fungsi Spasi &nbsp;
Á &Aacute;
á &aacute;
 &Acirc;
â &acirc;
´ &acute;
Æ &AElig;
æ &aelig;
À &Agrave;
à &agrave;
Å &Aring;
à &Atilde;
ã &atilde;
Ä &Auml;
ä &auml;
&forall;
¦ &brvbar;
Ç &Ccedil;
ç &ccedil;
¸ &cedil;
¢ &cent;
ˆ &circ;
© &copy;
¤ &curren;
° &deg;
÷ &divide;
É &Eacute;
é &eacute;
Ê &Ecirc;
ê &ecirc;
È &Egrave;
è &egrave;
Ð &ETH;
ð &eth;
Ë &Euml;
ë &euml;
&euro;
Ë &Euml;
½ &frac12;
¼ &frac14;
¾ &frac34;
Í &Iacute;
í &iacute;
Î &Icirc;
î &icirc;
¡ &iexcl;
Ì &Igrave;
ì &igrave;
¿ &iquest;
Ï &Iuml;
ï &iuml;
« &laquo;
¯ &macr;
µ &micro;
· &middot;
¬ &not;
Ñ &Ntilde;
ñ &ntilde;
Ó &Oacute;
ó &oacute;
Ô &Ocirc;
ô &ocirc;
Π&OElig;
œ &oelig;
Ò &Ograve;
ò &ograve;
ª &ordf;
º &ordm;
Ø &Oslash
ø &oslash;
Õ &Otilde;
õ &otilde;
Ö &Ouml;
ö &ouml;
&para;
± &plusmn;
£ &pound;
» &raquo;
® &reg;
ƒ &fnof;
Š &Scaron;
š &scaron;
§ &sect;
¹ &sup1;
² &sup2;
³ &sup3;
ß &szlig;
Þ &THORN;
þ &thorn;
˜ &tilde;
× &times;
Ú &Uacute;
ú &uacute;
Û &Ucirc;
û &ucirc;
Ù &Ugrave;
ù &ugrave;
¨ &uml
Ü &Uuml;
ü &uuml;
Ý &Yacute;
ý &yacute;
¥ &yen;
Ÿ &Yuml;
ÿ &yuml;
&ndash;
&lsquo;
&rsquo;
&sbquo;
&ldquo;
&rdquo;
&bdquo;
&lsaquo;
&rsaquo;
&dagger;
&Dagger;
&permil;
&bull;
&hellip;
&Prime;
&prime;
&oline;
&frasl;
&trade;
&part;
&prod;
&minus;
&radic
&infin;
&int;
&asymp;
&ne;
&le;
&ge;
&loz;
Α &Alpha;
α &alpha;
Β &Beta;
β &beta;
Γ &Gamma;
γ &gamma;
Δ &Delta;
δ &delta;
Ε &Epsilon;
ε &epsilon;
Ζ &Zeta;
ζ &zeta;
Η &Eta;
η &eta;
Θ &Theta;
θ &theta;
Ι &Iota;
ι &iota;
Κ &Kappa;
κ &kappa;
Ε &Epsilon;
Λ &Lambda;
λ &lambda;
Μ &Mu;
μ &mu;
Ν &Nu;
ν &nu;
Ξ &Xi;
ξ &xi;
Ο &Omicron;
Π &Pi;
π &pi;
Ρ &Rho;
ρ &rho;
Σ &Sigma;
σ &sigma;
ς &sigmaf;
Τ &Tau;
τ &tau;
Υ &lambda;
Φ &Phi;
φ &phi;
Χ &Chi;
Ψ &Psi;
ψ &psi;
Ω &Omega;
ω &omega;

Cara lain Menampilkan Ukuran Huruf

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.

3

Pemakaian Elemen Blog (heading)

<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.

2

Bentuk Dasar dari HTML

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.

1

Daftar Tag-tag Pada HTML

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