Elemen HTML

2
,
A+ A-
Print Email
http://tutorialbloggermasnoer.blogspot.com/2010/11/elemen-html_16.html


Setelah kita memahami dasar - dasar HTML, lalu bab selanjutnya adalah mengenai Elemen HTML. Elemen HTML adalah seluruh unsur html yang ada, dari tag awal  atau tak pembuka sampai dengan tag akhir atau tag penutup.
Berikut ini saya gambarkan dalam bentuk tabel :


Tag awal Elemen konten Tag Akhir
<p> Paragraf teks </p>
<a href="default.htm" > Link </a> <br />
<br />



Elemen HTML Sintaks :
    * Sebuah elemen HTML dimulai dengan tag awal / tag pembuka
    * Elemen HTML diakhiri dengan tag akhir / tag penutup
    * Isi elemen adalah segalanya antara tag awal dan tag akhir
    * Beberapa elemen HTML memiliki konten kosong
    * elemen kosong   ditutup pada tag awal
    * Sebagian besar elemen HTML terdapat banyak  atribut
Tip:  Anda akan belajar tentang atribut pada bab selanjutnya dari Blog ini.
Elemen HTML Bersarang/ Nested
Kebanyakan Elemen HTML dapat bersarang (dapat berisi elemen-elemen HTML yang lain). Artinya  pada suatu  dokumen HTML terdiri dari elemen – elemen HTML .
Berikut ini contoh yang terdiri dari 3 elemen HTML :


<html>
<body>
<p>Ini adalah paragraf pertama saya</p>
</body>
</html>



Penjelasan contoh diatas adalah :

Elemen <p> :

<p> Ini adalah paragraf pertama saya</p>


  • Elemen <p> mendefinisikan sebuah paragraf dalam  HTML dokumen.
  • elemen ini memiliki <p> tag awal dan tag akhir </ p>.
  • Isi elemen:  Ini adalah paragraf pertama saya.


Elemen  <body> :

<body>
<p> Ini adalah paragraf pertama saya</p>
</body>


  • Unsur <body> mendefinisikan tubuh dokumen HTML.
  • elemen ini memiliki <body> tag awal dan tag akhir </ body>.
  • Isi elemen elemen lain HTML (elemen ap).


Elemen <html> :

<html>
<body>
<p> Ini adalah paragraf pertama saya</p>
</body>
</html>


  • Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.
  • Elemen ini memiliki <html> tag pembuka dan tag penutup </ html>.
  • Isi elemen terdapat  elemen HTML lain (elemen tubuh).
Jangan Lupakan Tag Akhir.
Kebanyakan browser akan menampilkan HTML yang  benar,dan jika Anda lupa tag penutup seperti berikut:

<p>Paragrap teks …
<p>Paragrap teks …

Browser tidak bias menampilkan HTML yang anda buat, sebab  melupakan  tag penutup akan  mengakibatkan kerusakan yang tidak kita harapkan.


Elemen HTML Kosong
elemen HTML dengan tanpa konten disebut elemen kosong.
elemen kosong bisa ditutup pada tag awal.
Dalam XHTML, XML, dan HTML, semua elemen harus ditutup, dengan enambahkan garis miring pada tag mulai, seperti />.
<br> merupakan elemen kosong tanpa tag penutup (tag <br> mendefinisikan spasi). <br, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.
Tip: Gunakan huruf kecil untuk menulis Tag

Mudah - mudahan penjelasan diatas bisa anda pahami ya...., selebihnya silahkan anda coba praktekkan dan anda otak - atik sendiri. Semakin sering dicoba akan semakin tahu lebih dan kekurangannya.
Semoga bermanfaat, dan Jangan lupa tinggalin komentarmu lho.....Terima kasih.

Diposting oleh

Related

HTML Dasar 1242223343980716705
Posting Lebih Baru Posting Lama Beranda item

Posting Komentar

  1. teman blogger22 Mei 2012 pukul 07.31

    ini udah yang paling dasar ya mass??

    BalasHapus
    Balasan
    1. Noer Cholis22 Mei 2012 pukul 23.00

      Tentang HTML, CSS yang saya posting memang untuk pengenalan dasar.

      Hapus

emo-but-icon

Tabs

Hot in week

  • buat web
    Saat ini teknologi dan informatika semakin maju, banyak sekali peluang - peluang bisnis di Internet. Perlu diketahui bahwa jumlah website k...
  • Green Compact News
    Desain template ini sangat elegan, memiliki warna tampilan hijau muda yang sangat dinamis dengan sentuhan vector graphics motif bunga. Templ...
  • buat blog
    Saat ini memiliki sebuah blog bukan merupakan hal baru, dan hampir semua orang yang menggunakan internet sudah memiliki blog. Baik membu...
  • Slice Random Recent Post
    Dilihat sekilas memang recent post ini tampak seperti biasa, dan hanya tampil judul artikel saja. Tapi sebenarnya recent post ini memiliki t...
  • Slide down random post
    Satu lagi pengembangan fitur slide show terbaru dari saya. Fitur ini saya beri nama " Slide down random post ", sebab fitur ini sa...
  • Cara mengaktifkan Thread Comments blogger
    Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Commen...
  • Cara membuat forum Embed ULR, HTML, Link Forum dibawah posting.
    Pada Tutorial kali ini, saya akan berbagi widget yang saya dapat dari blogger tip and trick. Yaitu bagaimana cara membuat widget yang memuda...
  • HTML Dasar
    Bila anda sudah membaca artikel saya mengenai Definisi HTML , kali ini kita akan belajar bersama mengenal keseluruhan tentang HTML secara be...
  • Cara membuat Tag Cloud
    Tag cloud sama dengan Label atau biasa disebut label cloud yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu ...
  • Bagaimana cara posting ke blog saya?
    P ada Dashboard Anda, klik link "Posting Baru" di sebelah blog yang ingin Anda kirimi. Berikutnya, Anda akan melihat halaman Buat...

Recent

Comments

item