Friday, November 25, 2016

Format Text Pada Halaman Web

FORMAT TEKS HALAMAN WEB

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

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

c . 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>
<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>
< / body>
< / html >
hasil dari contoh pengaturan format teks pada html diatas adalah:
Format Teks pada 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>
hasil dari pengaturan teks pada html diatas adalah:
mengatur teks di htmlSekarang untuk mengatur teks menjadi rata kanan, kiri, atau rata kanan+kiri kita gunakan atribu align. biasanya tag html yang digunakan adalah tag <p>. bisa di contohkan 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 :

tag <b> (Bold)

Tag bold berfungsi untuk membuat tampilan teks tercetak tebal (bold).
Sintaks:
<b>
Teks tebal
</b>

tag <i> (Italic)

Tag italic berfungsi untuk membuat tampilan teks tercetak miring (italic).
Sintaks:
<i>
Teks miring
</i>

tag <u>  (Underline)

Tag Underline berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).
Sintaks:
<u>
Teks bergaris bawah
</u>

tag <pre> (Preformated text)

Tag PRE berfungsi untuk menampilkan teks seperti apa adanya.
Sintaks:
<pre>
Teks seperti aslinya
</pre>

0 komentar:

Post a Comment