Saturday, October 3, 2015

Penerapan FORMAT TEKS dalam HTML

FORMAT TEKS

Hal-hal yang akan dibahas adalah elemen dalam kategori berikut ini:

 Pemformatan Teks
 Teks Preformat
 Address
 Singkatan
 Arah Teks
 Quotation
 Teks yang disisipkan atau Dihapus

1. Pemformatan Teks

Elemen yang termasuk dalam kategori pemformatan teks sebagai berikut:

 Menebalkan huruf <b>..</b>
 Memiringkan huruf <i> .. </i>
 Memberi tekanan pada teks <em>..</em>
 Mengecilkan huruf <small> ..</small>
 Superscript <sup>..</sup>
 Subscript <sub>..</sub>

Contoh:

<html>
     <head>
          <title>format teks</title>
     </head>
     <body>
          <b>Bold</b><br>
          <i>Italic</i><br>
          <em>Empharized</em><br>
          <small>Small</small><br>
          <sup>Superscript</sup><br>
          <sub>Subscript</sub><br>
       </body>
</html>

2. Teks Preformat <pre>..</pre>

Menampilkan huruf sesuai dengan tampilannya

Contoh:

<html>
     <head>
          <title>preformat teks</title>
     </head>
     <body>
          Ini Contoh penulisan dasar
          Ini Contoh penulisan dasar
          Ini Contoh penulisan dasar
          <pre>
               Ini Contoh penulisan dasar
               Ini Contoh penulisan dasar
               Ini Contoh penulisan dasar
          </pre>
     </body>
</html>

3. Address

Untuk menampilkan tampilan seperti alamat
Contoh:
<html>
     <head>
          <title>address teks</title>
     </head>
     <body>
          <address>
               Kampus UM Malang<br>
               Jl. Semarang<br>
               Malang<br>
          </address>
     </body>
</html>

4.  Logikal Formating

- Singkatan
          <abbr title=“ “>.... </abbr>
 -Kepanjangan
          <acronym title =“…….”> ….</acronym>
Contoh:
<html>
     <head>
          <title>logikal format teks</title>
     </head>
     <body>
          <abbr title="dan lain-lain">
               dll
          </abbr><br>
          <acronym title="World Wide Web">
               WWW
          </acronym>
     </body>
</html>

5. Arah Teks

Untuk mengubah arah tulisan

Contoh:

<html>
     <head>
          <title>arah teks</title>
     </head>
     <body>
          <bdo dir="rtl">
               Program Keahlian Bisnis dan Industri
          </bdo>
     </body>
</html>



No comments:

Post a Comment