Dalam
rangka untuk membuat halaman website agar terlihat menarik , maka setiap
tampilan teks dapat diatur dengan attribute jenis teks, warna, ukuran, posisi,
latar belakang dan lainnya. Tag HTML yang mengatur font/teks pada
halaman web dimulai dengan tag <font>, tag <p>, tag <hn> dan
diakhiri dengan tag </font>, </p>,</hn>. Atribut yang
digunakan pada tag ini adalah font size, font color , p align, dll . Dibawah akan dijelaskan tentang beberapa tag
HTML dengan menggunakan CSS.
1. Mengatur Ukuran Teks atau atribut
size
Dalam
HTML digunakan untuk mengatur ukuran font/teks, Ring dari ukuran adalah
1-7 . Nilai 1 adalah ukuran font ukuran terkecil dan terbesar 7 . Dan untuk
html dengan css bisa seperti ini:
<p
style=”font-size:20px”>
2. Mengatur Jenis Teks/Format teks
Adalah
pengaturan jenis font atau teks yang digunakan. Anda dapat memilih jenis font
dengan maksimal 3 jenis font. Untuk melihat jenis font , Anda dapat menyalin
dan paste dari MS.Word , corel , photoshop , adobe dreamweaver dan lain-lain .
contoh:
<font
face=”Comic Sans MS“>teks dengan font Comic San MS </font>
3. Mengatur Warna Font/ teks html
Digunakan
untuk mengatur warna font, didefinisikan dengan menggunakan nilai RGB / HEX
atau canalso langsung menggunakan nama warna (“red” misalnya) . Sintak
Penulisan atribut seperti ini (font color=”….” ), kita bisa mengisi dengan nama
warna langsung atau dengan code warna dari photoshop, corel,
editplus,dll. Pada tag font, Untuk nilai RGB / HEX dapat dilihat di bawah
ini :
contoh :
<html>
<head>
</ head >
<body>
<head>
</ head >
<body>
<font
color=”red”> HTML font warna merah </font>
<font size=”5″> Ini adalah contoh ukuran teks 5 </font>
<font face=”Times New Roman, Times, serif”> Contoh ini Comic Sans Font Comic San MS </font>
<font size=”5″ color=”blue” face=”Comic Sans MS”> Ini contoh kombinasi warna, ukuran , dan wajah . </font>
<font size=”5″> Ini adalah contoh ukuran teks 5 </font>
<font face=”Times New Roman, Times, serif”> Contoh ini Comic Sans Font Comic San MS </font>
<font size=”5″ color=”blue” face=”Comic Sans MS”> Ini contoh kombinasi warna, ukuran , dan wajah . </font>
<
/ body>
< / html >
< / html >
Selain
itu font yang tag HTML juga dapat ditandai <b> , <u> , <i> ,
<strong> , <big> , <center> , <anchor> , <p> dan
lain-lain . Dan tag ditempatkan sebelum dan setelah tag font. Sebagai contoh:
<b>
<font color=”green”> Belajar teks html dengan warna hijau tebal
</font> </b><br>
<u>
<font size=”5″ face=”Comic Sans MS”> Teks html jenis teks komik , Teks
besar dan bergaris bawah</font> </u><br>
<a
href=”seputarti.com”> <font color=”red”> HTML font warna merah dengan
anchor </font> < / a>
Sekarang untuk mengatur teks menjadi rata
kiri atau kanan dan kiri kita gunakan atribut align. Biasanya tag HTML yang
digunakan adlah tag <p>. Bisa dicontohkan sebagai berikut:
<body>
<p align=”left”>Teks HTML rata
kiri</p>
<p align=”right”>Teks HTML rata
kanan</p>
<p
align=”justify”>Teks HTML rata kanan dan kiri</p>
</body>
Tambahan beberapa tag yang kerap digunakan
untuk mengatur format teks HTML:
a. Tag <b> (Bold)
Tag
bold berfungsi untuk membuat tampilan teks tercetak tebal (bold)
Sintaks:
<b>Teks
tebal</b>
b. Tag <i> (Italic)
Tag
italic berfungsi untuk membuat tapilan teks tercetak miring (italic)
Sintaks:
<i>Teks
miring</i>
c. Tag <u> (Underline)
Tag
underline berfungsi untuk membuat tampilan teks tercetak garis bawah
(underline)
Sintaks:
<u>Teks
bergaris bawah</u>
d. Tag <pre> (Preformated Text)
Tag
PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>Teks
seperti aslinya</pre>
0 comments:
Post a Comment