> Elemen HTML

Selasa, 16 November 2010

Elemen 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.


Ping your blog, website, or RSS feed for Free

Related Articles :

Baca artikel lain :

Informasi Artikel :
Judul : "Elemen HTML"
Diulas Oleh : | Selasa, 16 November 2010 | 07.00
Description : Setelah kita memahami dasar - dasar HTML, lalu bab selanjutnya adalah mengenai Elemen HTML. Elemen HTML adalah seluruh unsur html yang ada, ...

Posisi Rich Snippets : Rating: 3.4

Sampai saat ini baru ada : 2komentar

>>> Silahkan tambahkan komentar Anda...


2 komentar:

  1. ini udah yang paling dasar ya mass??

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

      Hapus

BLOGGER

TUTORIAL BLOGGER

TUTORIAL BLOGGER

REKOMENDASI

REKOMENDASI


Artikel Terbaru

POST POPULER

Entri Populer


MY BLOG

Daftar Blog Saya

  • Satu lagi pengembangan fitur slide show terbaru dari saya. Fitur ini saya beri nama "*Slide down random post*", sebab fitur ini saya adopsi dan saya kemba...
  • Rahasia Website Pemula *7 Rahasia Membuat Website Bagi Pemula* *Khusus buat orang-orang yang masih gaptek !!!* RWP dalam Pelatihan Nyata (Offline) *B...
  • Silahkan Anda bisa manfaatkan forum ini untuk berkomunikasi dengan kami :

BLOGGER

HTML

CSS

JAVASCRIPT


BACKLINK

INFO

Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini.
Salam sukses selalu buat kita semua..... Amiiin.

CEO,
www.carabuatwebgratis.com
Noer cholis
Plosokuning V, Minomartani,
Ngaglik, Sleman, Yogyakarta.

TUKAR LINK

TUKAR LINK






Baca artikel "Manfaat Tukar Link"

CHAT

CHAT



TESTIMONI

Bila anda merasa artikel ataupun tutorial yang ada di Blog ini bermanfaat, anda bisa berikan suport comment melalui form ini. Form ini sangat bagus sebagai BACKLINK buat blog anda, silahkan tinggalkan link anda....

RECENT COMMENT

Recent Comments


top down