>

Elemen-Elemen Teks

0 comments
Untuk informasi teks, HTML telah menyediakan bermacam-macam elemen, antara lain :

Paragraf : untuk menandai sekumpulan teks sebagai suatu paragraph
Berikut contoh kode HTML yang menampilkan tiga buah paragraph

                        <P> ….. </P>

<!—Contoh Kode HTML Paragraf--!>
 <HTML>
 <HEAD>
 <TITLE>Paragraf</TITLE>
 </HEAD>
 <BODY BGCOLOR=”BLUE”>
 <P>Ini adalah awal dari suatu paragraph.</P>
 <P>Kalau yang ini paragraph ke-dua.</P>
 <P>Nah ini paragraph ke-tiga alias terakhir.</P>
 </BODY>
 </HTML>

Heading : merupakan sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML. Untuk menyatakan suatu heading digunakan tag :

<hn> ….</hn>
n : nomor level heading dari 1 sampai 6
           
 
Contoh Kode HTML Heading

 <HTML>
<HEAD> <TITLE>Heading</TITLE>
 </HEAD>
 <BODY BGCOLOR=”BLUE”>
 <H1>Heading Level One : Besar </H1>
 <H2>Heading Level Two : Lumayan </H2>
 <H3>Heading Level Three: Cukup</H3>
 <H4>Heading Level Four : Sedang </H4>
 <H5>Heading Level Five: Kecil</H5>
 <H6>Heading Level Six : Kecil Sekali</6>
 </BODY>
 </HTML>

Horizontal Rules <HR>
width : panjang garis dinyatakan dengan %, default 100%
size : ketebalan garis dinyatakan dengan n=1,2,… dst dalam pixel
color : warna garis
noshade : tanpa warna, efek bayangan

<hr width= … % size = n color=” … “ noshade>
Contoh  :
<hr width=80% size=1 color="blue" noshade>
<hr width=40% size=3 color="red">
<hr width=20% size=6 color="yellow" noshade>
<hr width=100% size=2 color="green" noshade>

Break <BR>
Berfungsi untuk memulai baris baru pada dokumen HTML, tag ini berfungsi sama dengan carriage return

<br> ….. </br>

Format Teks

Menebalkan teks/huruf

<b> …. </b>

Memiringkan teks/huruf

<i> …. </i>

Memberi tekanan pada teks/huruf

<emp> .... </emp>

Mengecilkan teks/huruf

<small> … </small>

Superscript  : Huruf naik satu huruf

<sup> … </sup>

Subscript  : Huruf turun satu huruf

<sub> … </sub>

Membuat garis bawah

<u> … </u>

Memperbesar teks/huruf

<big> … </big>

Teks dihapus/digaris tengah

<del> … </del>


BLOCKQUOTE : Digunakan untuk membuat sebagian teks sebagai suatu blok tersendiri atau identasi paragraph

<blockquote> …….. </blockquote>

PRE  :  Berfungsi untuk menampilkan teks sesuai dengan format aslinya

<pre> …. </pre>

Perataan dalam paragraf : Untuk melakukan pengaturan posisi teks dalam suatu paragraf, menggunakan attribut ALIGN. Atribut ini mempunyai 3 buah nilai, yaitu : left (untuk rata kiri), right (untuk rata kanan) dan center (untuk rata tengah)

<align=left|right|center>

Font  : HTML menyediakan elemen <FONT> yang dapat dipakai untuk mengubah ukuran, jenis, dan warna suatu teks.
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
Align : rata tulisan


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


Dokumen HTML
<html>
<head> <title>FONTSIZE terhadap BASEFONT</title>
</head>
<body> <basefont size=3> <font size=5>size=5</font> <br>
<font size=-3>size=-3</font> <br>
<font size=-2>size=-2</font> <br>
<font size=-1>size=-1</font> <br>
<font size=+1>size=+1</font> <br>
<font size=+2>size=+2</font> <br>
<font size=+3>size=+3</font>
</body>
</html>


Sumber: Guru TKJ


Post a Comment