Atribut dan penulisan tag HTML

di dalam penulisan tag-tag html, kita juga mengenal atibut dimana atribut ini sudah memiliki ketentuan

Tanda-tanda orang yang budiman ialah dia akan merasa gembira jika dapat berbuat kebaikan kepada orang lain, dan dia akan merasa malu jika menerima kebaikan daripada orang lain.

di dalam penulisan tag-tag html, kita juga mengenal atibut dimana atribut ini sudah memiliki ketentuan

Last Modif at July 7th, 2011

beberapa artikel sebelumya, saya sudah share mengenai dasar-dasar html dan penulisan html.
setelah saya baca lagi, ternyata masih ada yang kurang, mungkin bagi sebagian orang dasar-dasar html itu tidaklah penting, namun bagi saya jika sahabat belum paham dasar-dasar html, saya yakin suatu saat akan terjadi kesalah pahaman di tambah lagi jika sahabat belum paham dasar-dasar html maka untukpembelajaranselanjutnya(css, js, php) akan malah tambah bingung. ok, sekarang mari kita ke inti dari artikel ini, apa yang kurang, berikut;

penulisan atribut

di dalam penulisan tag-tag html, kita juga mengenal atibut dimana atribut ini sudah memiliki ketentuan.

ketentuan penulisan atribut html seperti ini

namaatribut="value atau nilai"

ket*

  • diawali dengan nama atribut, kemudian
  • diikuti oleh =(sama dengan)
  • setelah =(sama dengan), kita harus menambahkan karakter “(petik 2)
  • habis itu barulah kita tambahkan value atau nilainya
  • setelah menambahkan value, jangan lupa tambahkan karakyr “(petik 2) lagi(untuk menutup nilai atribut)
berikut adalah contoh atribut


<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta name="url" content="indaam.co.cc"/>
<style tipe="text/jcss">
<style>
</head>
<body>
<img alt="keteranngan gambar" src="urlgambar" height="32" width="32"/>
<a href="http://indaam.co.cc" title="indam weblog" rel="follow">indam</a>
</body>
</html>

keteranagn*

  • yang saya cetak tebal itu adalah atribut, dimana text yang berwarna biru adalah value atau nilai dari atributnya
  • intinya itu, penulisan atribut setelah tagnya, <html . . . , <head . . . , <style . . ., <body. . . , <a. . . dll
  • tidak semua tag html bisa ditambahkan atribut, tapi yang saya tahu hanya dua tag html yang tidak bisa ditambahkan atribut yaitu tag <br/> dan <hr/>

penulisan singkat beberapa tag html

didalam html, kita juga mengenal beberapa tag yang yang tidak ditambahkan tag penutup, ingat kan salah satu penulisan tag html setiap penulisan tag harus ditutup dengan tag yang sama dimana tag penutup ditambahkan /(garis miring) lihat contoh ini

<body>
<a href="http://indam.co.cc">indam</a>
</body>

tagnya selalu ditutup dengan tag yang sama dimana tag penutup ditambahkan /(garis miring)

nah disini kita akan membahas tentang beberapa tag html yang disingkat

contoh 1

<img src="url gambar" width="200px" height="200px"></img>
dapat disingkat menjadi atau sama dengan
<img src="url gambar" width="200px" height="200px"/>

contoh 2

<meta content="indam, weblog, html, tips"></meta>
dapat disingkat menjadi atau sama dengan
<meta content="indam, weblog, html, tips"/>

contoh 3

<link rel="shortcut icon" type="img/ico"></link>
dapat disingkat menjadi atau sama dengan
<link rel="shortcut icon" type="img/ico"/>

contoh 4

<script type="text/javascrit" src="urlexternel"></script>
dapat disingkat menjadi atau sama dengan
<script type="text/javascrit" src="urlexternel"/>

contoh 5

<div style="clear:both;"><div>
dapat disingkat menjadi atau sama dengan
<div style="clear:both;"/>

contoh 6

<input type="submit" ></input>
dapat disingkat menjadi atau sama dengan
<input type="submit" />

kita hanya bisa menyingkatnya jika

<div style="clear:both;">disini kosong<div>
<img src="url gambar" width="200px" height="200px">disini kosong</img>

ket*

  • saya ngga tahu mengapa itu bisa terjadi, mungkin saja untuk mempersingkat dalam penulisan
  • saya mulai belajar html dari html 4, dan yang saya bahas adalah html 4, saya juga ngga tahu penulisan html 1, 2, 3
  • tapi yang saya tahu jika versi terbarunya keluar hal yang paling umum terjadi adalah hanya penambahan beberapa tag dan atribut
  • oia sekedar saran tulislah html itu dengan huruf kecil
  • kalau dulukan bebas, mau kecil mau kapital, tapi untuk kedepanya, saran saya ni gunakan huruf kecil

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

3 thoughts on “Atribut dan penulisan tag HTML”

  1. kickymaulana says:

    wah, dengan ini jadi tau saya mas, makasi ya mas

  2. Noe says:

    mas bantuanya yah,.kenapa pada penutup dan di template saya selalu berwara merah seolah ada error,. padahal gak ada pesan kesalahan.

  3. tag bisa ditambahkan atribut mas, misalnya
    tapi nice posting mas, buat nambah ilmu saya :) dan saya juga suka blog-nya :)

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-