Anda di halaman 1dari 4

Modul Pemrograman Web 1

BAB III
FORMAT TEKS DAN KARAKTER KHUSUS

3.1 Format Teks

q Font, HTML menyediakan elemen <FONT> yang dapat dipakai untuk


mengubah ukuran, jenis, dan warna suatu teks.

<font face=” ... ” size=n color=” ...”> ……


</font>
Face : jenis huruf
Size : ukuran huruf yang memiliki nilai dari 1 hingga 7.
Nilai 1 digunakan untuk membuat ukuran terkecil, sedangkan nilai 7
adalah ukuran terbesar. Nilai default dari ukuran standar teks adalah 3.
Default standar ukuran teks dapat diubah dengan menggunakan
tag<BASEFONT>
Color : warna

q <b> : menebalkan teks


q <strong> : menebalkan teks
q <em> : menekankan teks
q <i> : memiringkan teks
q <small> : memperkecil ukuran teks
q <big> : memperbesar ukuran teks
q <sub> : teks dijadikan subscript
q <sup> : teks dijadikan supercript
q <u> : membuat garis bawah
q <s> : mencoret teks

3.2 Karakter Khusus

q © : Copyright bentuk umum : &copy;


q ® : Registered trademarkbentuk umum : &reg;
q ™ : Trademark bentuk umum : &#8482 atau &trade;
q & : Ampersand bentuk umum : &amp;
q : Non breaking space bentuk umum : &nbsp
q « : angle quotation mark (left) bentuk umum : &laquo;

S1 Teknik Informatika
1
Modul Pemrograman Web 1

q » : angle quotation mark (right)bentuk umum : &raquo;


q ¨ : tanda kutip bentuk umum : &quot;
q < : lebih kecil bentuk umum : &lt;
q > : lebih besar bentuk umum : &gt;
q x : tanda kali bentuk umum : &times;
q ÷ : tanda bagi bentuk umum : &divide;

Latihan 1

<html>
<head>
<title>FONTSIZE terhadap BASEFONT</title>
</head>
<body>
<basefont size=3>
<font size=5>size=5</font>
<br><font size=-3 color="blue">teks dengan size=-
3</font>
<br><font face="arial black" size=-2>teks dengan size=-
2</font>
<br><center><font face="comic sans ms" color="red"
size=-1>teks dengan size=-1</font></center>
<br><font size=+1>teks dengan size=+1</font>
<br><font size=+2>teks dengan size=+2</font>
<br><font size=+3>teks dengan size=+3</font>
</body>
</html>

Latihan 2

<html>
<head>
<title>Karakter Khusus</title>
</head>
<pre>
Tag &lt;B&gt;...&lt;/B&gt;
<b>menebalkan</b> teks
Tag &lt;I&gt;...&lt;/I&gt; membuat teks
terlihat miring <i>miring</i>
Tag &lt;U&gt;...&lt;/U&gt; <u>menggaris
bawahi</u> teks
Tag &lt;S&gt;...&lt;/S&gt; memberikan
coretan <s>coretan</s> pada teks
Tag &lt;Strike&gt;...&lt;/Strike&gt; memberikan
<STRIKE>Coretan</strike> sama seperti elemen &lt;S&gt;

S1 Teknik Informatika
2
Modul Pemrograman Web 1

Tag &lt;BLINK&gt;...&lt;/BLINK&gt; membuat teks


<blink>berkedip</blink>
Tag &lt;TT&gt;...&lt;/TT&gt; menampilkan teks
dalam font <TT>Typewriter</tt>
Tag &lt;Big&gt;...&lt;/Big&gt;
<big>membesarkan</big> teks
Tag &lt;SMALL&gt;...&lt;/SMALL&gt;
<small>mengecilkan</small> teks
Tag &lt;SUB&gt;...&lt;/SUB&gt; membuat teks
<sub>subscript</sub>
Tag &lt;SUP&gt;...&lt;/SUP&gt; membuat teks
<sup>supercript</sup>

Tag &lt;DFN&gt;...&lt;/DFN&gt; menandai suatu


<dfn>definisi</dfn>
Tag &lt;EM&gt;...&lt;/EM&gt; menandai suatu
<em>penekanan</em> teks
Tag &lt;CODE&gt;...&lt;/CODE&gt; <font
size="4">menyatakan suatu <code>kode
program</code></font>
Tag &lt;KBD&gt;...&lt;/KBD&gt; menyatakan
<kbd>suatu keyboard</kbd>
Tag &lt;VAR&gt;...&lt;/VAR&gt; menyatakan
suatu <var>variabel</var>
Tag &lt;STRONG&gt;...&lt;/STRONG&gt;
<strong>menyatakan teks dengan penekanan yang
kuat</strong>
Tag &lt;!--&gt; membuat suatu komentar
atau keterangan

</body>
</html>

S1 Teknik Informatika
3
Modul Pemrograman Web 1

Latihan 3

q Buatlah halaman web dengan tampilan sebagai berikut :

q Simpan dengan nama : relion.html

S1 Teknik Informatika
4

Anda mungkin juga menyukai