Pemformatan Tulisan / Text Formatting

Text Formatting

Body
Paragraph
Heading
Font
Line Break
etc

Body

Memformat secara umum
Attribute :
Bgcolor : Warna latar belakang
Text : Warna teks
Background : Gambar latar belakang
Link : Memberi warna link
ALink : Warna link aktif
VLink : Warna link yang telah dikunjungi

Color

Nilai dari attribute warna, 3 :
RGB    “rgb(0,0,255)"
Hexa    "#0000FF"
Name    "white"

Pembuatan Body

<html>
    <head>
        <title> Ini Merupakan Judul Dari Dokumen </title>
    </head>
    <body bgcolor="000044" text="white">
        Ini Merupakan Conten / Isi Dari Web
    </body>
</html>

Hasil:

Heading

Membuat Judul
Sintak :
<h1> … </h1>
<h1> --> <h6>
Besar --> Kecil

Pembuatan Heading

<html>
    <head>
        <title> Ini Merupakan Judul Dari Dokumen </title>
    </head>
    <body>
        <h1> Ini Merupakan Heading 1 </h1>
        <h2> Ini Merupakan Heading 2 </h2>
        <h3> Ini Merupakan Heading 3 </h3>
        <h4> Ini Merupakan Heading 4 </h4>
        <h5> Ini Merupakan Heading 5 </h5>
        <h6> Ini Merupakan Heading 6 </h6>
    </body>
</html>

Hasil Heading

Paragraph

Mendefinisikan sebuah paragraph
Sintak :
   <p> … </p>
Attribute :
Align    : Left (default), Right, Center, Justify

Pembuatan Paragraf

<html>
    <head>
        <title> Ini Merupakan Judul Dari Dokumen </title>
    </head>
    <body>
        <p>
            Ini Merupakan Pertama Ini Merupakan Pertama
            Ini Merupakan Pertama Ini Merupakan Pertama
            Ini Merupakan Pertama Ini Merupakan Pertama
            Ini Merupakan Pertama Ini Merupakan Pertama
            Ini Merupakan Pertama Ini Merupakan Pertama
            Ini Merupakan Pertama Ini Merupakan Pertama
        </p>
        <p align="right">
            Ini Merupakan Kedua Ini Merupakan Kedua
            Ini Merupakan Kedua Ini Merupakan Kedua
            Ini Merupakan Kedua Ini Merupakan Kedua
            Ini Merupakan Kedua Ini Merupakan Kedua
            Ini Merupakan Kedua Ini Merupakan Kedua
            Ini Merupakan Kedua Ini Merupakan Kedua
        </p>
        <p align="center">
            Ini Merupakan Ketiga Ini Merupakan Ketiga
            Ini Merupakan Ketiga Ini Merupakan Ketiga
            Ini Merupakan Ketiga Ini Merupakan Ketiga
            Ini Merupakan Ketiga Ini Merupakan Ketiga
            Ini Merupakan Ketiga Ini Merupakan Ketiga
            Ini Merupakan Ketiga Ini Merupakan Ketiga
        </p>
        <p align="justify">
            Ini Merupakan Keempat Ini Merupakan Keempat
            Ini Merupakan Keempat Ini Merupakan Keempat
            Ini Merupakan Keempat Ini Merupakan Keempat
            Ini Merupakan Keempat Ini Merupakan Keempat
            Ini Merupakan Keempat Ini Merupakan Keempat
            Ini Merupakan Keempat Ini Merupakan Keempat
        </p>
    </body>
</html>

Hasil Paragraf

Font

Menformat teks
Sintak :
    <font> … </font>
Attribute :
Face    : Jenis huruf
Size    : Ukuran huruf, 1 --> 7, kecil --> besar
Color    : Warna huruf
<font face=“Tahoma” size=“7” color=“blue”> STMIK Widya Pratama </font>

Hasil Penulisan Huruf Warna

Line Break

Ganti Baris
Sintak :
    <br />
Tanpa isi element

Horizontal Rule

Membuat Garis Horisontal
Sintak :
<HR />

Pembuatan Garis Horizontal

<html>
    <head>
        <title> Ini Merupakan Judul Dari Dokumen </title>
    </head>
    <body>
        Pemrograman Web <hr/>
    </body>
</html>

Hasil Garis Horizontal

<html>
    <head>
        <title> Ini Merupakan Judul Dari Dokumen </title>
    </head>
    <body>
        Pemrograman Web <hr width="100%" size="20"/>
    </body>
</html>

Keterangan:
- width="100%" = Lebar, Horizontal
-  size="20" = Tinggi, Tebal Garis Vertikal