Sabtu, 23 Oktober 2010

Format Teks HTML


Break
Tag <br> di gunakan untuk memulai baris baru pada document HTML. Kode <br> sendiri kepanjangan dari break row, tag ini fungsinya mirip dengan carriage return. Penulisannya bisa dengan <br>, tapi di blogger biasanya ada masalah dan meminta penulisan kode <br />, jadi
ditutup dengan tanda slash. Bahkan di blogger setiap ganti baris selalu menggunakan kode ini
secara otomatis, khususnya apabila di pengaturannya diatur seperti itu.

Contoh:
<html>
<head>
<title>Contoh Paragraf</title>
Memotong<br>
baris<br>
dalam suatu<br>
paragraf,<br>
gunakan tag br.
</head>
<body>
</body>
</html>

Lihat Hasilnya Di bawah ini..

 
Font
Kode ini untuk pemformatan text, dengan tag <font> kita bisa menentukan format tampilan
font dalam document HTML seperti color, size, style dan lainya.

Contoh:
<html>
<head>
<title>Contoh Formating Font</title>
</head>
<body>
<font color="#9966FF" size="3">
Formating Font 1</font>
<p>
<font face="Courier New, Courier, mono">
Belajar memformat font.
</font>
</p>
</body>
</html>

Lihat Hasilnya Di bawah ini..







Color
Atribut COLOR Anda bisa gunakan untuk mengatur warna font. Ada 2 cara untuk memberi
warna pada atribut color. Cara yang pertama dengan menuliskan nama warna yang ingin
digunakan seperti: red, blue, yellow, dll. Cara yang kedua dengan menggunakan nilai RGB.

Contoh: 

<HTML>
<HEAD>
<TITTLE>Warna font</TITTLE>
</HEAD>
<BODY>
<FONT SIZE="4">
<P><FONT COLOR="RED"> Arsenal, Juara piala FA</FONT></P>
<P><FONT COLOR="BLUE"> Arsenal, The Best</FONT></P>
<P><FONT COLOR="GREEN"> Arsenal, Top Bgt</FONT></P>
</FONT>
</BODY>
</HTML>


 Lihat Hasilnya Di bawah ini..


 

Size
Untuk mengaur huruf pada HTML Anda menggunakan tag <FONT SIZE>. Tag ini memiliki
atribut untuk mengatur ukuran huruf.

Contoh :

<HTML>
<HEAD>
<TITLE>Font Size</TITLE>
</HEAD>
7
<BODY>
<FONT SIZE="1">ukuran font 1</FONT>
<FONT SIZE="2">ukuran font 2</FONT>
<FONT SIZE="3">ukuran font 3</FONT>
<FONT SIZE="4">ukuran font 4</FONT>
<FONT SIZE="5">ukuran font 5</FONT>
<FONT SIZE="6">ukuran font 6</FONT>
<FONT SIZE="7">ukuran font 7</FONT>
</BODY>
</HTML>

 Lihat Hasilnya Di bawah ini..


 
Face
Untuk mengatur jenis huruf yang digunakan Anda bisa menggunakan atribut FACE yang harus
diisi dengan string jenis font seperti arial, verdana, Tahoma dll.

Contoh :

<HTML>
<HEAD>
<TITTLE>Jenis font</TITTLE>
</HEAD>
<BODY>
<FONT SIZE="4">
<P><FONT FACE="ARIAL"> Arsenal, contoh font arial </FONT></P>
<P><FONT FACE="verdana"> Arsenal, contoh font verdana </FONT></P>
<P><FONT FACE="Times"> Arsenal, contoh font times </FONT></P>
</FONT>
</BODY>
</HTML>

 Lihat Hasilnya Di bawah ini..



Format text
Format text ini mempunyai dua jenis kode yaitu Physical Formatting dan Logical Formatting.
Kode kode untuk keduanya berbeda tapi ada yang fungsinya sama.


Align atau perataan
Align attribute digunakan untuk menentukan perataan object dalam document HTML baik
berupa text, object, image, paragraph, division dan lain-lain. Dibawah ini tabel untuk align
atribut.


Penggunaannya bisa untuk paragraf, span, dll misalnya untuk paragraf maka kodenya seperti
ini: <p align="justify">Rata Kanan dan Kiri</p> kode tersebut membuat paragraf
menjadi rata kanan dan kiri.

Preformated Text <pre>…</pre>
Digunakan untuk menampilkan teks sama seperti yang Anda ketikan dalam dokumen HTML.
Browser akan menampilkan dalam font monospace (biasanya courier new).

Contoh:

<HTML>
<HEAD>
<TITLE>performatted text</TITLE>
</HEAD>
<BODY>
<PRE>Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
</PRE>
</BODY>
</HTML>

 Lihat Hasilnya Di bawah ini..




Tidak ada komentar:

Posting Komentar