Pemformatan Text HTML

Selasa, April 07, 2015

Pemformatan Text HTML

Text dalam dokumen web dapat diformat secara khusus untuk menunjukkan perbedaan dan penekanan terhadap isi dan maksud dari text tersebut.

Pemformatan Text

Beberapa pemformatan text:

1. menebalkan huruf (bold)

2. memiringkan huruf (italic)

3. memberi tekanan pada text (emphaze)

4. mengecilkan huruf

5. superscript

6. subscript

contoh ini mendemonstrasikan bagaimana anda dapat memformat text dalam seuatu dokumen HTML.

Listing 3.1

Coba_textformat

<html>

<head>

<title>Contoh Penggunaan Format Text</title>

</head>

<body>

Text ini ditebalkan

 

Text ini tebal

 

<big>Text ini besar</big>

 

text ini di emphase

 

Text ini miring/italic

 

Text ini kecil

 

Text ini berisi subscript

 

Text ini berisi superscript

</body>

</html>

Text Preformat

Agar browser web menampilkan sesuai dengan dokumen web tersebut di dalam editor text, maka text yang bersangkutan harus diberi tanda tag <pre> diawalnya, dan </pre> di akhir text.

Dengan tag <pre>, yang mempunyai kepanjangan “preformatted”, text akan ditampilkan dalam browser dengan ukuran font dengan lebar-fix. Tag ini juga menjaga spasi, baris baru, dan tab sesuai dengan aslinya pada saatditampilkan dalam browser. Salah satu penggunaan dari pre ini adalah untuk menampilkan suatu source code program dalam web.

Listing 3.2

Coba_preformat

<html>

<head>

<title>Contoh Penggunaan Tag Pre</title>

</head>

<body>

<pre>

void node::remove()

{

if (prev)

prev à next = next;

else if (parent)

parent à setcontent(null);

if (next)

next à prev = prev;

parent = null;

}

</pre>

</body>

</html>

Computer Output

Listing 3.3

Coba_compoutput

<html>

<head>

<title>Contoh Penggunaan Computer Output </title>

</head>

<body>

<code>Computer code</code> 

<kbd>Input Keyboard</kbd> 

<pre>

for i = 1 to 10

print i

next i

</pre> 

<tt>Text Teletype</tt> 

<samp>Text Sample</samp> 

<var>Variable Komputer</var> 

</body>

</html>

Address

Dalam dokumen HTML disediakan secara khusus tag address. Dengan adanya tag ini maka penulisan alamat dapat distandarkan.

Listing 3.4

Coba_address

<html>

<head>

<title>Contoh Penggunaan Address</title>

</head>

<body>

<address>

Stikom Poltek 

Jl. Brigjen Darsono No. 33a 

Cirebon 

Indonesia

</address>

</body>

Singkatan

Tag <abbr> dan tag <acronym> dapat digunakan untuk menyimpan data kepanjangan dari suatu singkatan yang ditampilkan dalam dokumen tersebut dengan atribut title.

Listing 3.5

Coba_abbrev

<html>

<head>

<title>Contoh Penggunaan Abbrev</title>

</head>

<body>

<abbr title=”dan lain-lain”>dll</abbr> 

<acronym title=”World Wide Web”>WWW</acronym>

Pada beberapa browser atribut title dapat digunakan untuk

menampilkan kepanjangan dari text singkatan/akronim tersebut

apabila mouse berada di atasnya.

</body>

</html>

Pemformatan Text HTML

2 komentar: