»

Style dan Format Text HTML

Style dan Format Text

 
Style dan format text ini sudah tidak banyak yang menggunakannya, karena sudah ada penggantian penggunaannya menggunakan CSS style yang lebih banyak style dan format text yang ada di sana, namun kalian tidak akan bisa memahami CSS dengan begitu cepat, butuh dasar untuk membangun sebuah website.

pahami saja dulu tentang HTML serta element-element nya agar semuanya bisa berjalan sesuai tahap pemahaman masing-masing dari anda yang ingin belajar membuat web anda sendiri. Baru setelah anda paham HTML anda bisa belajar mengenai atau tentang CSS di artikel selanjutnya.


Bold, Italic, Underline

Anda juga dapat memformat text menjadi tebal (bold), miring (italic), garis bawah (underline). Sintaksnya sebagai berikut :

<b> Text anda </b>   -> Bold         -> Bisa juga <strong> Text anda </strong>
<i> Text anda </i>      -> Italic
<u> Text anda </u>     -> Underline

Bila anda ingin menggabungkan ketiga perintah di atas, maka struktur sintaksnya sebagai berikut :

<b> <i> <u> Text anda </u> </i> </b>

Contoh Program :

<html>

       <head>
       <title> WEBSITE COMPLETE HOMEPAGE </title>
       </head>

       <body>
              <p>  <b> Selamat Datang Di Website Complete Coding </b>
              <p>  <i> Selamat Datang Di Website Complete Coding </i>
              <p>  <u> Selamat Datang Di Website Complete Coding </u>

              <h2> <b> <i> <u> Tebal, Miring & Bergaris Bawah </u> </i> </b> </h2>
       </body>

</html>

Output yang di hasilkan pada browser :

http://websitecompletecoding.blogspot.co.id/


Format Text

Berikut ini adalah daftar tag yang sering digunakan untuk pengaturan gaya dan format penulisan sebuah teks.
  • <em>  </em>
Digunakan untuk menjadikan teks menjadi emphasizing, yaitu terlihat agak miring, hampir miring dengan tag <i>  </i>.
  • <strong>  </strong>, <b>  </b>
Untuk membuat teks menjadi tebal atau bold.
  • <kbd>  </kbd>
Digunakan untuk menampilkan teks sebagai sebuah monospaced font, namun pada beberapa browser ditampilkan dalam bentuk bold atau tebal.
  • <address>  </address>
Digunakan untuk memisahkan teks ke baris berikutnya.
  •  <sup>  </sup>
Untuk membuat teks menjadi superscript.
  •  <sub>  </sub>
 Untuk membuat teks menjadi subscript.
  • <del>  </del>
Digunakan untuk menampilkan teks dalam bentuk delete, teks dengan garis coret pada badannya.
  •  <ins>  </ins>
Digunakan untuk menampilkan text berupa text insert, ditandai dengan garis bawah, mirip dengan fungsi element <u>  </u>.
  •  <br/>
Digunakan untuk berpindah ke garis baru, semacam tombol Enter.
  • <hr/>
Digunakan untuk membuat sebuah garis horisontal.

Contoh penggunaan element-element di atas sebagai berikut :

<html>

       <head>
              <title> WEBSITE COMPLETE HOMEPAGE </title>
       </head>

       <body>

              Ini  <em> Emphasis element </em> <br>
              Ini  <i> Italic element </i> <br>
              Ini  <strong> Strong element </strong> <br>
              Ini  <b> Bold element </b> <br>
              Ini  <kbd> Keyboard element </kbd> <br>
              Ini  <address> Address element </address> <br>
              Ini  <sup> Superscript element </sup> <br>
              Ini  <del> Deleted element </del> <br>
              Ini  <ins> Insert element </ins> <br>
              Ini  <u> Underline element </u> <br>`

       </body>

</html>

Output yang dhasilkan :

http://websitecompletecoding.blogspot.co.id/


Karakter Khusus

Sejauh ini tidak ada kesulitan dalam membuat halaman dokumen-dokumen HTML. kita tahu bagaimana menampilkan huruf tebal dengan tag <b>  </b>, tapi bagaimana jika kita ingin menampilkan karakter < atau >? dalam HTML disediakan konstanta-konstanta khusus yang mewakili karakter semacam < dan >. Lihat daftar berikut :
  • &lt
Mewakili karakter <, kata kuncinya less than,
  • &gt
Mewakili karakter >, kata kuncinya greater than,
  • &amp
Mewakili karakter &, lata kuncinya ampersand,
  • &quote
Mewakili karakter ", kata kuncinya quotation,
  • &reg
Mewakili karakter ®, kata kuncinya registered trademark,
  • &copy
Mewakili karakter ©, kata kuncinya copyright.

Anda dapat juga menampilkan karakter khusus yang lainnya sesuai dengan table standar ISO 8859-1. Dengan format penulisannya sebagai berikut :

$#???
Dimana ??? adalah bilangan desimal yang mewakili karakter yang akan dicetak. sebagai contoh kita akan mencetak karakter © dapat kita pakai &#169 dan karakter £ dapat kita tampilkan dengan &#163. Coba lah mengganti angka tersebut dengan angka antara 32 sampai 255 dan lihat sendiri hasilnya.



Postingan terkait:

— — Add Comment — Edit Post

Belum ada tanggapan untuk "Style dan Format Text HTML"

Posting Komentar

Langganan: Posting Komentar (Atom)