Pages

  • Beranda
  • Opini

Sunday, December 11, 2011

Belajar HTML Dasar (Part. III)

Teks dalam dokumen web secara khusus dapat di format untuk membedakan penekanan maksud dan isi suatu teks atau tulisan tersebut. Penekanan teks tersebut tersebut diantaranya bisa menggunakan huruf tebal, miring, "emphasize", garis bawah bahkan dengan ukuran dan warna huruf.
Penulisan teks tersebut di dalam HTML harus menggunakan tanda (tag) sepeti <b>...</b> untuk format teks bold, "<strong>...</strong>" untuk format teks tebal, "<u>...</u>" untuk format teks garis bawah "<em>...</em>" untuk format teks "emphasize" dan sebagainya.
Penulisan "tag HTML" tersebut sebaiknya ditulis menggunakan huruf kecil semua.

Beberapa Format teks "HTML" :
  1. "Bold" (huruf tebal)
  2. "Italic" (Huruf Miring)
  3. "Emphasize" (memberikan tekanan pada teks)
  4. Mengecilkan huruf
  5. "Superscript"
  6. "Subscript"
  • Perhatikan penulisan HTML di bawah ini :
    Belajar HTML
  • Hasil yang tampil pada browser :
    Belajar HTML title="Tampilan setelah diposting" />
  • Entitas Karakter "HTML" Tanda lebih kecil (<) dan lebih besar (>) merupakan tanda awal dan akhir "HTML", apabila kita menginginkan browser untuk menampilkan karakter-karakter seperti itu maka kita harus menyisipkan entitas karakter ke dalam "source HTML". Terdapat 3 bagian Entitas Karakter yaitu
    1. Sebuah "apersand (&amp)"
    2. Entitas # dan nomor entitas
    3. Tanda ; (titik koma)
  • Untuk menampilkan tanda lebih kecil, kode "HTML" yang harus ditulis adalah ( &lt atau &#60) diikuti tanda titik koma. Berikut ini adalah Entitas "HTML" yang sering digunakan :

    Hasil
    Nomor Entitas
    Nama Entitas
    Penjelasan
    "
    &#34;
    &quot;
    Tanda Kutip
    '
    &#39;
    &apos; (bukan unutk IE)
    Apostrophe 
    &
    &#38;
    &amp;
    Ampersand
    <
    &#60;
    &lt;
    Lebih Kecil
    >
    &#62;
    &gt;
    Lebih Beasr
    ¼
    &#188;
    &frac14;
    1/4
    ½
    &#189;
    &frac12;
    1/2
    ¾
    &#190;
    &frac34;
    3/4
    ®
    &#174;
    &reg;
    Registered Ttrademark
    ©
    &#169;
    &copy;
    Copyright

    &#160;
    &nbsp;
    Spasi
    ยบ
    &#186;
    &ordm;
    Derajat
    &#8216;
    &lsquo;
    Tanda Kutip Tunggal Kiri
    &#8217;
    &rsquo;
    Tanda Kutif Tunggal Kanan
    &#8218;
    &sbquo;
    Tanda Kutip Tunggal Bawah
    &#8220;
    &ldquo;
    Tanda Kutip Kiri
    &#8221;
    &rdquo;
    Tanda Kutip Kanan
    &#8222;
    &bdquo;
    Tanda Kutip
    &#8211;
    &ndash;
    Dash/ Strip
    &#8482;
    &trade;
    Trademark
    &#8592;
    &larr;
    Panah Kiri
    &#8593;
    &uarr;
    Panah Atas
    &#8594;
    &rarr;
    Panah Kanan
    &#8595;
    &darr;
    Panah Bawah

Entitas "HTML" adalah case sensitif jadi huruf besar dan kecil akan berpengaruh. Kelebihan entitas HTML dengan nama tetapi tentu saja akan lebih mudah diingat daripada entitas nomor atau angka namun hampir semua browser mendukung entitas nomor.

No comments :