Apa itu Elemen HTML?

Elemen HTML ditentukan oleh tag awal, beberapa konten, dan tag akhir:< tagname > Konten ditempatkan di sini … < / tagname >

Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:< h1 > Heading Pertama Saya < / h1 >< p > Paragraf pertama saya. < / p >

Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>nonenone

Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!

Browser Web

Tujuan dari browser web (Chrome, Edge, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya dengan benar.

Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen:

Lihat di Browser

Struktur Halaman HTML

Di bawah ini adalah visualisasi dari struktur halaman HTML:<html>

<head>

<title> Judul halaman </title>

</head>

<body>

<h1> Ini adalah sebuah heading </h1>

<p> Ini adalah sebuah paragraf. </p>

<p> Ini adalah paragraf lain. </p>

</ Body>

</html>

Catatan: Konten di dalam bagian <body> (area putih di atas) akan ditampilkan di browser. Konten di dalam elemen <title> akan ditampilkan di bilah judul browser atau di tab halaman.

Sejarah HTML

Sejak awal World Wide Web, ada banyak versi HTML:

YearVersion
1989Tim Berners-Lee invented www
1991Tim Berners-Lee invented HTML
1993Dave Raggett drafted HTML+
1995HTML Working Group defined HTML 2.0
1997W3C Recommendation: HTML 3.2
1999W3C Recommendation: HTML 4.01
2000W3C Recommendation: XHTML 1.0
2008WHATWG HTML5 First Public Draft
2012WHATWG HTML5 Living Standard
2014W3C Recommendation: HTML5
2016W3C Candidate Recommendation: HTML 5.1
2017W3C Recommendation: HTML5.1 2nd Edition
2017W3C Recommendation: HTML5.2

Tutorial ini mengikuti standar HTML5 terbaru.

Pengenalan HTML

HTML adalah bahasa markup standar untuk membuat halaman Web.

Apa itu HTML?

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML adalah bahasa markup standar untuk membuat halaman Web
  • HTML menjelaskan struktur halaman Web
  • HTML terdiri dari serangkaian elemen
  • HTML elemen memberitahu browser bagaimana menampilkan konten
  • Elemen HTML memberi label potongan konten seperti “ini adalah judul”, “ini adalah paragraf”, “ini adalah tautan”, dll.

Dokumen HTML Sederhana

Contoh

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Judul Pertama</h1>
<p>Paragraf pertama.</p>

</body>
</html>

 

Penjelasan Contoh diatas

  • Deklarasi <! DOCTYPE html> mendefinisikan bahwa dokumen ini adalah dokumen HTML5
  • Elemen <html> adalah elemen root dari halaman HTML
  • Elemen <head> berisi informasi meta tentang halaman HTML
  • Elemen <title> menentukan judul untuk halaman HTML (yang ditampilkan di bilah judul browser atau di tab halaman)
  • Elemen <body> mendefinisikan badan dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.
  • Elemen <h1> mendefinisikan heading besar
  • The <p> elemen mendefinisikan sebuah paragraf