HTML Dasar

kita mulai dari yang dasar dulu yaa,
walaupun sekarang ini sudah banyak bahasa pemrograman yang terdengar keren, namun kita tetap perlu tau tentang HTML ini.

HyperText Markup Language adalah
bahasa yang dipakai untuk menyusun dan mengatur isi konten sebuah halaman website, disebut sebagai bahasa “markup” itu artinya menandai atau memberi tanda. Jadi, HTML disebut markup language karena fungsinya adalah memberi tanda pada bagian-bagian dalam sebuah dokumen supaya browser ngerti mana bagian judul, mana paragraf, mana gambar, dan lain-lain.

kemudian tanda tersebut disebut dengan tag
setiap tag html akan di susun dengan struktur yang sudah di tentukan sesuai dengan standar yang ada agar ketika di akses oleh browser, halaman website bisa menampilkan sesuai dengan pembuat html.

saya harap sampai sini kita dapat memahami dengan baik apa itu html sebagai dasar perjalanan kita berikutnya.

oke kita lanjutkan ya, berikut ini adalah struktur dasar html paling sederhana:

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Halo, dunia!</h1>
    <p>Ini paragraf pertama saya di HTML.</p>
  </body>
</html>

Nah, sekarang kita bahas satu per satu bagiannya :

<!DOCTYPE html> adalah sebuah deklarasi yang menyatakan dokumen ini jenis HTML
<html> … </html> adalah wadah utama dari semua konten halaman. Semua kode HTML kamu harus ada di dalam tag ini supaya browser tau batas halaman web kamu
<head> … </head> adalah bagian yang menyimpan “aturan dan informasi penting” supaya halaman web tampil dan bekerja dengan baik
<title> … </title> adalah judul halaman yang muncul di tab browser dan hasil pencarian Google. Penting banget supaya orang tahu halaman kamu tentang apa
<body> … </body> adalah bagian utama dari isi konten pada halaman
<h1> … </h1> adalah tag untuk judul utama
<p> … </p> adalah tag untuk sebuah paragraf

Nah kurang lebih untuk bagian dasarnya cukup sampai sini dulu ya, semoga bisa dipahami, kalo belum paham silahkan dibaca ulang, karena setiap pembelajaran memang butuh usaha lebih, terimakasih.

No related post found

Related posts