Selasa, 24 Februari 2015

Elemen-Elemen HTML

Pengertian Elemen-Elemen Dalam HTML

Elemen adalah isi dari tag yang diantara tag pembuka dan tag penutup. Sebagai contoh berikut adalah  kode HTML:
1.<p> ini adalah sebuah paragraf </p>
Pada contoh diatas,"ini adalah sebuah paragraf" merupakan elemen dari tag <p>.
elemen tidak hanya berisi text, namun juga bisa tag lain.
contoh elemen 
1.<p> ini adalah sebuah <em> paragraf </em> </p> 
Dari contoh diatas ini adalah sebuah <em> paragraf </em> merupakan elemen dari tag <p>

http://www.duniailkom.com/belajar-html-pengertian-tag-elemen-dan-atribut-pada-html/




HTML ELEMENTS

Dokumen HTML didefinisikan menggunakan elemen-elemen HTML/HTML Elements .
Elemen HTML adalah semua yang terdapat diantara start tag sampai end tag.



Start tag * Isi Elemen End tag *
<p> This is a paragraph </p>
<a href=”google.com” > This is a link </a>
<br />




HTML ELEMENTS SYNTAX

Sintaks elements  HTML mempunyai ciri sebagai berikut 
  • Elemen HTML dimulai dengan start tag / opening tag
  • Elemen HTML diakhiri dengan end tag / closing tag 
  • isi elemen/element content ad
  • alah semua yang terdapat diantara start tag dan end tag 
  • Beberapa elemen HTML tidak memiliki isi atau konten
  • Elemen yang tidak memiliki isi atau kosong ditutup pada awal tag
  • Sebagian besar elemen HTML dapat diberi atribut tertentu
NESTED HTML ELEMENTS 

Dalam penulisan dokumen HTML   dipastikan menggunakan banyak elemen. Suatu elemen dapat berada didalam elemen lain atau elemen tersebut menjadi isi / konten pada elemen lain. Hampir semua elemen HTML dapat bersarang. Sehinnga dapat disimpulkan bahwa dokumen HTML terdiri dari elemen HTML yang bersarang.

CONTOH DOKUMEN HTML

1.<html>
2.<body>
3.<p> paragraf pertama </p>
4.</body>
5.</html>

Pada contoh diatas terdapat tiga buah elemen. Elemen-elemen tersebut adalah :
ELEMEN <P> . Elemen ini mendefinisikan suatu konten yaitu sebuah paragaraf pada dokumen HTML. Elemen ini dimulai dengan star tag <p> dan diakhiri end tag </p>. isi atau konten dari elemen ini adalah : paragraf pertama 
   <p>Paragraf pertama</p>
 
 
Eelemen <body> Elemen ini mendefinisikan suatu konten yaitu body / tubuh dokumen HTML.
 Bagian ini adalah
 konten halaman web yang akan tertampil pada halaman web. elemen ini dimulai dengan start tag 
<body> dan diakhiri dengan end tag </body>. Isi atau konten dari elemen ini adalah :
Elemen Paragraf ( yang sudah dijelaskan diatas.
 
 
<body>
<p>Paragraf pertama</p>
</body>
 
 
Elemen <html>. Elemen ini mendefinisikan sebuah dokumen HTML. Elemen ini dimulai dengan start tag <html> dan diakhiri dengan end tag </html>. Isi atau konten dari elemen ini adalah: elemen body (yang sudah dijelaskan diatas).

<html>
 
<body>
<p>Paragraf pertama</p>
</body>
 
</html>
 
 EMPTY HTML ELEMNTS
 
Elemen HTML yang tidak memiliki konten ayau isi disebut Empty elements atau elemen kosong.
 Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen 
kosong yang tidak memerlukan end tag. <br> bermakna ganti baris. 
Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus 
ditutup dengan end tag. Cara yang tepat untuk menutup elemen kosong yang
 dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis
 miring di awal tag, seperti <br />. Walaupun <br> terbukti 
berjalan baik disemua browser, menulis <br /> akan lebih baik.
Terkadang kita sering lupa memberi end tag pada suatu elemen. Seperti contoh dibawah ini:

<p>Paragraf pertama</p>
<p>Paragraf kedua</p>
Hampir semua browser dapat menampilkan HTML dengan baik walaupun kita lupa memberi end tag pada suatu elemen HTML. Tetapi terdapat pula beberapa elemen yang akan menimpulkan kesalahan (errors) saat kita lupa memberikan end tag. Oleh karena itu, akan lebih baik kita tidak lupa menulis end tag pada suatu elemen.

Tidak ada komentar:

Posting Komentar