Tutorial Belajar HTML: Pengertian Tag Dasar HTML pada Template Blogger

Tutorial Belajar HTML: Pengertian Tag-Tag Dasar HTML

HTML adalah bahasa pemrograman yang digunakan guna membuat halaman web blog, situs atau website.

Lalu, apa bedanya web blog, situs atau website? Ibarat sebuah rumah, web blog adalah kamar-kamar yang ada di dalam rumah; sedangkan website adalah rumah tersebut.

Singkatnya seperti ini, website adalah rumah; sedangkan web blog adalah kamar yang terdapat di dalam rumah tersebut.

Pada dasarnya, HTML masih menyimpan berbagai tag-tag lain untuk kebutuhan yang lebih khusus.

Dengan hadirnya validasi HTML5, HTML juga turut berkembang. Belum lagi dengan adanya AMP Google Templates yang menambah beban pemahaman terkait HTML.

Tutorial Belajar HTML: Pengertian Tag Dasar HTML pada Template Blogger

Bagi pemula yang ingin mempelajari dasar-dasar HTML dan sebagai media dokumentasi pribadi saya, di bawah ini ada beberapa tag dasar HTML yang perlu diketahui.

Tutorial Belajar HTML: Pengertian Tag Dasar HTML


Struktur dasar yang paling standart pada HTML adalah berikut:

<!DOCTYPE html>
  <html lang="en">
      <head>
<meta charset="UTF-8">
<title>Belajar dasar-dasar HTML</title>
      </head>
  <body>
  </body>
</html>

Baca Juga: Cara Membuat Markup: HTML and Formatting

HTML Code:

<!DOCTYPE html>

HTML Code diatas adalah suatu deklarasi atau pemberitahuan kepada browser terkait jenis dan versi HTML apa yang kita gunakan.

Code diatas mengartikan bahwa HTML yang digunakan sudah paling modern, yaitu HTML 5.

<html lang="en">

Pada code baris kedua, pada HTML dasar diatas, adalah sebagai media penjelasan kepada browser terkait bahasa apa yang kita gunakan pada konten.

Pada HTML dasar kali ini, kita menggunakan "EN" yang artinya English atau bahasa Inggris.

Head Code

<head> ... </head>

Baris diatas adalah tempat terpasangnya Title Tag dan Meta Tag yang berfungsi memberikan informasi pada suatu dokumen HTML.

Baris head diatas wajib disertakan di dalam template karena itulah otak dari suatu website.

Baca Juga: Memahami Arti Title Tag, Description, Verification & Meta Tags

Meta Code

<meta charset="UTF-8">

Kode yang berfungsi memberitahukan kepada browser bahwa konten yang Anda tulis pada situs berupa teks dan simbol (atau, Unicode).

Title Code

<title>Belajar dasar-dasar HTML</title>

Secara default, Code diatas mengartikan nama blog yang muncul di tab browser yang Anda gunakan.

Mengikuti perkembangan zaman, code diatas telah diubah menjadi dinamis sehingga bisa mengatur nama blog, judul artikel/konten yang ada di blog dan informasi 404 page not found secara otomatis.

Code diatas sangat penting, dan harus dipasangkan di dalam template.

Baca Juga: 4 Jenis Tag Meta yang Hanya dipahami oleh Google

HTML Code:

<body> ... </body>

Code diatas sebagai tempat terpasangnya tag heading, div, image, sidebar dan footer dari tampilan situs atau website.

Tutorial Belajar HTML: Pengertian Tag Dasar HTML pada Template Blogger

Itulah penjelasan singkat terkait dasar-dasar HTML pada blogger template bagi pemula.

Bagi yang ingin mempelajari dasar-dasar HTML dari 0 sampai 100% mahir, saran saya sih ya, mending belajar langsung di Dunia Ilmu Komputer. Semoga berguna.

Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama