Tutorial Belajar HTML Part 1 - Pengenalan HTML Dasar-dasar HTML untuk Pemula

Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan memformat konten halaman web. HTML terdiri dari serangkaian elemen atau tag yang memberi instruksi kepada browser tentang bagaimana cara menampilkan konten.

Tag Dasar HTML

HTML bekerja dengan menggunakan apa yang disebut "tag" untuk mengelompokkan dan memformat konten. Sebuah tag terdiri dari tanda kurung sudut (<>), dan beberapa tag memiliki tag penutup yang dimulai dengan tanda garis miring (/).

Contoh tag dasar yang perlu Anda ketahui:

  • <html>: Tag ini menandakan awal dari halaman HTML Anda.
  • <head>: Bagian ini berisi informasi tentang halaman, seperti judul dan tautan ke stylesheet (CSS).
  • <title>: Ini adalah judul halaman yang akan ditampilkan di bilah judul browser.
  • <body>: Bagian ini berisi konten utama dari halaman web Anda.

Contoh Kode HTML Sederhana:

<!DOCTYPE html>
<html>
  <head>
    <title>Contoh Halaman Web</title>
  </head>
  <body>
    <h1>Selamat datang di Halaman Web Sederhana</h1>
    <p>Ini adalah contoh paragraf teks.</p>
  </body>
</html>

Penjelasan

  • <!DOCTYPE html>: Mendefinisikan versi HTML yang digunakan (dalam contoh ini, HTML5).

  • <html>: Memulai elemen root dari halaman web.

  • <head>: Berisi informasi-informasi meta tentang halaman (seperti judul, tautan ke stylesheet, dll.).

  • <title>: Menetapkan judul halaman yang akan ditampilkan di tab browser.

  • <body>: Mengandung konten yang akan ditampilkan di halaman web.

  • <h1>, <p>: Contoh dari elemen-elemen HTML untuk menandai judul dan paragraf.

Demikian pengantar singkat tentang HTML untuk pemula. Teruslah belajar, dan Anda akan memiliki dasar yang kuat untuk mengembangkan halaman web yang menarik dan informatif.

 


Dimas Ahmad Rizal

Hi! I'm Dimas Ahmad, a Software Engineer with more than 7+ years of experience. I have successfully completed more than 200+ projects using the latest technologies such as Laravel, ExpressJs, NextJs, and NuxtJs, I am ready to collaborate with you!