-->
[Belajar HTML #1] Tutorial HTML5 - Apa itu HTML? - Tag HTML - Deklarasi <! DOCTYPE>

[Belajar HTML #1] Tutorial HTML5 - Apa itu HTML? - Tag HTML - Deklarasi <! DOCTYPE>

Tutorial HTML - Home

HTML adalah bahasa markup standar untuk halaman Web.

Dengan HTML Anda dapat membuat situs web Anda sendiri.

HTML mudah dipelajari - Anda akan menikmatinya!


Contoh HTML di Setiap Bab

Tutorial HTML ini berisi ratusan contoh HTML.

Dengan editor HTML online, Anda dapat mengedit HTML, dan klik tombol untuk melihat hasilnya.

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

<h1>Ini Judul</h1>
<p>Ini sebuah paragraf.</p>

</body>
</html>

Klik tombol "Coba" untuk melihat cara kerjanya.


Contoh HTML

Di akhir tutorial HTML ini, Anda akan menemukan lebih dari 200 contoh.

Dengan editor online, Anda dapat mengedit dan menguji setiap contoh sendiri.

Buka Contoh HTML!


Apa itu HTML?

HTML adalah bahasa markup standar untuk membuat halaman Web.

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML menggambarkan struktur halaman Web
  • HTML terdiri dari serangkaian elemen
  • Elemen HTML memberi tahu browser cara menampilkan konten
  • Elemen HTML diwakili oleh tag
  • Tag HTML memberi label potongan konten seperti "heading", "paragraf", "table", dan sebagainya
  • Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman

Dokumen HTML Sederhana

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

<h1>Ini Judul</h1>
<p>Ini sebuah paragraf.</p>

</body>
</html>

Contoh Dijelaskan

  • <!DOCTYPE html> deklarasi mendefinisikan dokumen ini menjadi HTML5
  • <html> elemen elemen akar halaman HTML
  • <head> elemen berisi informasi meta tentang dokumen
  • <title> elemen menentukan judul untuk dokumen
  • <body> elemen berisi konten halaman yang terlihat
  • <h1> elemen mendefinisikan judul besar
  • <p> elemen mendefinisikan sebuah paragraf

Tag HTML

Tag HTML adalah nama elemen yang dikelilingi oleh kurung sudut:

konten <tagname> ada di sini ... </tagname>

  • Tag HTML biasanya datang berpasangan seperti <p> dan </p>
  • Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
  • Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag

Tip: Tag awal juga disebut tag pembuka, dan tag akhir adalah tag penutup.


Struktur Halaman HTML

Di bawah ini adalah visualisasi struktur halaman HTML:

<html>
<head>
<title> Judul halaman </title>
</head>
<body>
<h1> Ini judul </h1>
<p> Ini adalah paragraf. </p>
<p> Ini adalah paragraf lain. </p>
</body>
</html>

Catatan: Hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.


Deklarasi <! DOCTYPE>

  • <!DOCTYPE> deklarasi mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.
  • Itu harus hanya muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun).
  • <!DOCTYPE> deklarasi tidak sensitif huruf.
  • <!DOCTYPE> deklarasi HTML5 adalah:
<!DOCTYPE html>

Versi HTML

Sejak awal web, ada banyak versi HTML:

Versi Tahun
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

Berlangganan update artikel terbaru via email:

0 Response to "[Belajar HTML #1] Tutorial HTML5 - Apa itu HTML? - Tag HTML - Deklarasi <! DOCTYPE>"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel