Sunday, August 19, 2012

Tampilan Tulisan

Heading
Heading digunakan untuk membuat tulisan yang besar dan biasanya digunakan untuk judul.
Ada 6 jenis heading, dari urutan yang terbesar ke yang terkecil:
  1. H1
  2. H2
  3. H3
  4. H4
  5. H5
  6. H6
Tag yang digunakan adalah <Hn>...</Hn>
Atribut yang dapat digunakan untuk heading adalah align (perataan teks)

Jenis Teks
Jenis, ukuran, dan warna tulisan dapat diatur dengan menggunakan tag <font>...</font>
Atribut untuk tag font adalah :
  • Face : Mengatur jenis tulisan <font face="nama font">...</font>
  • Color : Mengatur warna tulisan <font color="warna">...</font>
  • Size : Mengatur ukuran tulisan (1-7) <font size="ukuran">...</font>
 Ukuran awal teks juga dapat diatur dengan tag <basefont size="ukuran"> dan tag tersebut merupakan tag tunggal sehingga tidak perlu ditutup.
Warna tulisan juga dapat diatur dari tag body dengan <body text="warna">

Format Font

   1. Physical style
  •  <b></b> : Menebalkan tulisan
  • <i></i> : Memiringkan tulisan
  • <u></u> : Membuat tulisan menjadi bergaris bawah
  • <s></s> : Membuat tulisan yang tercoret
  • <sub></sub> : Membuat tulisan turun setengah spasi -> Pada rumus kimia
  • <sup></sup> : Membuat tulisan naik setengah spasi -> Pangkat
  • <small></small> : Memperkecil tulisan
  • <big></big> : Memperbesar tulisan
    2. Logical Style
      -Untuk membuat tulisan miring :
  • <DFN></DFN> : Menyatakan suatu definisi
  • <CITE></CITE> : Menyatakan suatu kutipan
  • <EM></EM> : Menyatakan suatu perhatian
      -Untuk membuat tulisan tebal
  • <STRONG></STRONG> : Menyatakan suatu penekanan
Contoh :

 <html>
<head>
<title>Format Text</title>
</head>
<body>
<h1 align="left">H1</H1>
<h2 align="center">H2</h2>
<h3 align="right">H3</h3>
<h4 align="center">H4</h4>
<h5 align="left">H5</h5>
<h6 align="center">H6</h6>
<b><i><u>Tebal, miring, bergaris bawah</u></i></b><br>
<s>tercoret</s><br>
CO<sub>2</sub> A<sup>4</sup><br>
<small>kecil</small> <big>besar</big><br>
<dfn>DFN</dfn>
<cite>CITE</cite>
<em>EM</em>
<strong>STRONG</strong><br>
<font color="red" size="7"  face="calibri">Merah, ukuran 7, jenis tulisan calibri</font><br>
<basefont size="4">
<font size="-2">minus 2 (4-2)</font><br>
<font size="-1">minus 1 (4-1)</font><br>
<font size="+1">plus 1 (4+1)</font><br>
<font size="+2">plus 2 (4+2)</font>
</body>
</html>
 

No comments:

Post a Comment