Kursus Membuat Web

iklan

HTML 5 Elemen

Video HTML 5 Elemen
html 5 elemen
Gambar HTML 5 Elemen

Pengertian Elemen HTML

"HTML tag" dan "HTML elemen" sering digunakan untuk menggambarkan hal yang sama. Tapi tegasnya, sebuah elemen HTML adalah segalanya antara tag awal dan tag akhir.

HTML Elemen :
<body> </body>

Sebuah elemen HTML adalah segalanya dari tag awal sampai tag akhir :

* Tag Awal Isi Elemen *Tag Akhir
<p> Ini adalah paragraf </p>
<a href=”index.html” Ini adalah link </a>
<br />    

* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.

Sintak Elemen HTML

  • Sebuah HTML elemen dimulai dengan tag awal / tag pembuka
  • Sebuah HTML elemen diakhiri dengan tag akhir / tag penutup akhir
  • Isi elemen adalah segalanya antara tag awal dan tag akhir
  • Beberapa HTML elemen memiliki isi yang kosong
  • Elemen Kosong ditutup pada tag awal
  • Sebagian besar HTML elemen memiliki attribute

Elemen HTML Bersarang

Sebagian besar elemen HTML bersarang (dapat berisi elemen HTML lainnya).

Dokumen HTML terdiri dari elemen HTML bersarang.

Contoh Dokumen HTML Bersarang

Contoh Dokumen HTML Bersarang
<!doctype html>
<html lang="id">
  <head>
  	<title>Selamat Belajar</title>
  	<meta  charset= “UTF-8” />
  </head>
  <body>
  </body>
</html>

Contoh di atas mengandung beberapa elemen HTML.

Penjelasan Contoh HTML Bersarang

elemen <head> :

elemen <head> :
<head>
  	<title>Selamat Belajar</title>
  	<meta  charset= “UTF-8” />
</head>

Elemen <head> menjelaskan isi bagian head.

Elemen ini memiliki tag awal <head> dan tag akhir </head >.

Isi elemen adalah : Elemen HTML yang lain.

elemen <body> :

elemen <body> :
<body>
</body>

elemen <body> mendefinisikan tubuh atau body dari dokumen HTML.

Elemen ini memiliki tag awal <body> dan tag akhir </body>.

Isi elemen adalah elemen HTML yang lain.

elemen <html> :

elemen <html> :
<html lang="id">
  <head>
  	<title>Selamat Belajar</title>
  	<meta  charset= “UTF-8” />
  </head>
  <body>
  </body>
</html>

elemen <html> mendefinisikan dokumen HTML secara keseluruhan.

Elemen ini memiliki tag awal <html> dan tag akhir </ html>.

Isi elemen adalah elemen HTML lainnya (yang ada di elemen body).

Jangan Lupakan Tag Akhir Atau Menutup Tag

Beberapa elemen HTML mungkin akan ditampilkan dengan benar bahkan jika Anda lupa tag akhir:

Contoh Tag Yang Tidak Di Tutup
<title>ini adalah judul

Contoh di atas dapat bekerja di hampir semua browser, karena tag penutup dianggap opsional.

Jangan lakukan hal diatas. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan atau error jika Anda lupa tag akhir.

Elemen HTML Kosong

Elemen HTML tanpa isi disebut elemen kosong.

elemen <meta> adalah elemen kosong tanpa tag penutup

Tips : Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring dalam tag awal, seperti <meta  />, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).

Menggunakan Huruf Kecil Pada Tag

Tips : Gunakan huruf kecil pada Tag

Tag HTML tidak case sensitif: <Head> berarti sama dengan <head>. Banyak situs web menggunakan tag HTML dalam huruf besar.

World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan XHTML.

Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015