Some text some message..
Some text some message..
Some text some message..
Some text some message..
  • Beranda
  • »
  • HTML
  • »
  • Metode Penulisan Elemen Dan Atribut HTML

Metode Penulisan Elemen Dan Atribut HTML

previous Previous Page

Penulisan elemen pada HTML harus mengikuti aturan yang sudah ditetapkan pada HTML5. Atribut dan nilai yang melekat pada elemen HTML juga haruslah ditulis sesuai standar format yang sudah ditetapkan. Misalnya penulisan nama tag harus menggunakan huruf kecil semua. Kemudian tag pembuka elemen HTML harus segera ditutup dengan tag penutup. Jika elemen tersebut menyertakan atribut, nama atribut harus menggunakan huruf kecil semua. Nilai atribut harus menggunakan tanda petik tunggal maupun ganda.

Penulisan elemen yang tidak sesuai dengan kaidah dan aturan akan menghasilkan halaman HTML yang tidak sesuai dengan keinginan. Hal ini disebabkan karena browser tidak bisa menginterprestasikan dengan baik tag-tag pembentuk struktur halaman HTML.

Berikut ini contoh penulisan kode HTML yang salah :

HTML

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <title>Penulisan kode HTML yang salah</title>
5.  </head>
6.  <body>
7.     <h1>Ini adalah heading
8.     <p> Ini adalah paragraf
9.     <p align=center>Paragraf rata tengah</p>
10.    <p align=RIGHT>Paragraf rata kanan</p>
11.    <b><u>Teks format bold and underline</b></u>
12. </body>
13. </html>
14. 

Pada contoh kode di diatas terdapat beberapa kesalahan penulisan. Kesalahan pertama adalah tidak menggunakan tag penutup pada elemen heading <h1> yang penulisan seharusnya <h1>...</h1>. Kemudian pada elemen paragraf yang ke-dua juga tidak memiliki tag penutup, seharusnya <p>...</p>. Lalu pada paragraf yang ke-tiga tidak menggunakan tanda petik tunggal maupun ganda, seharusnya <p align="center">...</p>. Kemudian pada paragraf yang ke-empat adalah menggunakan huruf besar tanpa menggunakan tanda petik tunggal maupun ganda. Dan yang terakhir kesalahan pada penempatan format teks yang terbalik, seharusnya <b><u>...</u></b>

Berikut ini contoh penulisan kode HTML yang benar :

HTML

1.  <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <title>Penulisan kode HTML yang benar</title>
5.  </head>
6.  <body>
7.     <h1>Ini adalah heading</h1>
8.     <p> Ini adalah paragraf</p>
9.     <p align="center">Paragraf rata tengah</p>
10.    <p align="right">Paragraf rata kanan</p>
11.    <b><u>Teks format bold and underline</u></b>
12. </body>
13. </html>
14. 

Penulisan elemen HTML yang baik :

Berikut ini contoh beberapa metoda penulisan elemen HTML yang baik :

  1. Penulisan elemen harus diberi dengan tag penutup.
    Penulisan yang salah : <h1> Heading ke-1
    Penulisan yang benar : <h1> Heading ke-1 </h1>
  2. Penulisan elemen kosong harus diberi penutup. Elemen HTML seperti <br />, <hr />, <input />, <img /> sering disebut sebagai elemen kosong. Elemen ini merupakan elemen tunggal yang tidak memiliki tag penutup. Namun tag ini dapat ditutup dengan tanda forward slash "/" sebelum tag ini diakhiri dengan ">".
    Penulisan yang salah : Sebuah line break <br>
    Penulisan yang salah : Sebuah garis horisontal <hr>
    Penulisan yang benar : Sebuah line break <br />
    Penulisan yang benar : Sebuah garis horisontal <hr />
  3. Penulisan elemen harus menggunakan huruf kecil semua.
    Penulisan yang salah : <P> Ini adalah paragraf </P>
    Penulisan yang benar : <p> Ini adalah paragraf </p>
  4. Penulisan elemen di dalam elemen lainnya harus berurutan.
    Penulisan yang salah : <b><u> Teks tebal dan garis bawah </b></u>
    Penulisan yang benar : <b><u> Teks tebal dan garis bawah </u></b>

Penulisan atribut HTML yang baik :

Berikut ini contoh beberapa metoda penulisan atribut dan nilai atributnya :

  1. Penulisan nama atribut harus menggunakan huruf kecil semua.
    Penulisan yang salah : <p ALIGN="center"> Paragraf pertama </p>
    Penulisan yang benar : <p align="center"> Paragraf pertama </p>
  2. Penulisan value atribut harus menggunakan huruf kecil semua.
    Penulisan yang salah : <div align="JUSTIFY"> Division pertama </div>
    Penulisan yang benar : <div align="justify"> Division pertama </div>
  3. Penulisan value atribut harus menggunakan tanda petik.
    Penulisan yang salah : <table width=100%> </table>
    Penulisan yang benar : <table width="100%"> </table>
  4. Penulisan value atribut tunggal harus menggunakan diisi dengan nilai.
    Penulisan yang salah : <input type="checkbox" name="moda" value="taksi" checked/>
    Penulisan yang benar : <input type="checkbox" name="moda" value="taksi" checked="checked"/>
    Penulisan yang salah : <input type="text" name="nama" disabled/>
    Penulisan yang benar : <input type="text" name="nama" disabled="disabled"/>

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML