Paragraf dan Pemformatan Teks

  1. Penulisan paragraf

Penulisan paragraf bisa menggunakan tag<p>. Adapun untuk memformat tulisan/text bisa menggunakan berbagai macam tag sesuai dengan keperluannya sesuai dengan tabel berikut ini :

TagDeskripsi
<b>Membuat teks tercetak tebal
<i>Membuat teks tercetak miring
<small>Membuat teks tercetak kecil
<em>Membuat penekanan pada teks (emphasized)
<strong>Menyatakan bahwa teks tersebut penting
<sub>Membuat teks tercetak sebagai subscript
<sup>Membuat teks tercetak sebagai superscript (pangkat)

Buka notepad kemudian ketik kode berikut :

<HTML>

    <HEAD>

       <TITLE>Tipe-tipe Teks</TITLE>

    </HEAD>

    <BODY>

        Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen, apa saja. <br>

        Ketiga tipe tersebut ialah tulisan <B>tebal</B>, tulisan <I>miring</I> dan tulisan <U>bergaris bawah</U>. <br>

        Bisa pula dua tipe huruf dipadukan misalnya tulisan <B><I>tebal dan miring</B></I>, <br>

        tulisan <B><U>tebal dan bergaris bawah</B></U> atau tulisan <I><U>miring dan bergaris bawah</I></U>. <br>

        Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan<br>

        <B><I><U>tebal, miring dan bergaris bawah</B></I></U>.

    </BODY>

</HTML>

Simpan dan diberi nama teks.html kemudian bukalah teks.html menggunakan browser

Untuk ganti baris gunakan tag <br>

Contoh ganti baris dan penggunaan tipe-tipe font :

<HTML>

<HEAD>

   <TITLE>Tipe-tipe Font</TITLE>

</HEAD>

<BODY>

   <font face=”verdana”>Jenis Font<br></font>

   <p style=”font-family: times”>      

   verdana <br>

    <font face=”arial”>arial <br>

      <font face=”algerian”>Algerian <br>

      <font face=”helvetica”>helvetica <br>         

   </p>

</BODY>

</HTML>

  • Warna pada background dan teks

Buka notepad dan ketikan kode berikut :

<HTML>

    <BODY BGCOLOR=”blue” TEXT=”white”>

           Tulisan ini akan tampak dalam browser.

    </BODY>

</HTML>

Simpan file dan beri nama background.html kemudian bukalah menggunakan browser.

Selanjutnya, ini adalah contoh kode warna menggunakan hex

black#000000blue#0000FFOlive#808000
White#FFFFFFfuchsia#FF00FFGreen#008000
Red#FF0000Gray#808080Teal#008080
Yellow#FFFF00Silver#C0C0C0Navy#000080
lime#00FF00Maroon#800000purple#800080

Buka notepad dan tulislah kode berikut ini :

<HTML>

    <HEAD>

       <TITLE>Karya Pertamaku</TITLE>

    </HEAD>

    <BODY BGCOLOR=”lime” TEXT=”maroon”>

       Tulisan ini akan tampak dalam browser.

    </BODY>

</HTML

Simpan file kemudian bukalah menggunakan browser.