Pengenalan Bahasa Pemrograman HTML

 

Institute It. Training | Kursus Komputer Jakarta Timur | Denny Febiana Nurhidayat | WA. +628978298280 | email : Siner.gi@live.com


Pengenalan Bahasa Pemrograman HTML

HTML (HyperText Markup Language) adalah bahasa pemrograman dasar yang digunakan untuk membuat dan mengatur konten halaman web. HTML adalah fondasi dari semua halaman web di internet, mengatur struktur dan konten dari sebuah halaman.

Apa Itu HTML?

HTML adalah bahasa markup standar untuk membuat halaman web. HTML terdiri dari elemen-elemen yang digunakan untuk membangun struktur halaman web, seperti paragraf, judul, tautan, gambar, dan banyak lagi. Setiap elemen HTML ditulis dengan tag yang ditandai oleh tanda kurung sudut (< dan >).

Struktur Dasar HTML

Sebuah dokumen HTML dasar terdiri dari beberapa bagian penting:

  1. Deklarasi Doctype

    html
     
    <!DOCTYPE html>

    Ini adalah deklarasi yang menunjukkan versi HTML yang digunakan. Saat ini, HTML5 adalah versi terbaru dan deklarasinya adalah seperti di atas.

  2. Elemen <html>

    html
     
    <html lang="en">

    Tag ini mencakup seluruh dokumen HTML.

  3. Elemen <head>

    html
     
    <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Judul Halaman</title>
</head>

    Bagian ini berisi informasi metadata tentang dokumen, seperti pengaturan karakter, judul halaman, dan link ke stylesheet atau skrip.

  4. Elemen <body>

    html
     
    <body>
  <h1>Selamat Datang di Halaman Saya</h1>
  <p>Ini adalah paragraf pertama saya.</p>
</body>

    Bagian ini berisi konten sebenarnya dari halaman web, seperti teks, gambar, tautan, dan elemen multimedia lainnya.

Elemen-Elemen Dasar HTML

  1. Paragraf (<p>)

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

  2. Judul (<h1> hingga <h6>)

    html
     
    <h1>Judul Utama</h1>
<h2>Judul Sub</h2>

  3. Tautan (<a>)

    html
     
    <a href="https://www.example.com">Kunjungi Situs</a>

  4. Gambar (<img>)

    html
     
    <img src="image.jpg" alt="Deskripsi Gambar">

  5. Daftar (<ul>, <ol>, <li>)

     
    <ul>
  <li>Item pertama</li>
  <li>Item kedua</li>
</ul>

  6. Tabel (<table>, <tr>, <td>)

    html
     
    <table>
  <tr>
    <td>Sel 1</td>
    <td>Sel 2</td>
  </tr>
</table>

Manfaat Menggunakan HTML

  • Struktur Halaman Web: HTML memberikan struktur dasar untuk halaman web, memungkinkan konten untuk diorganisir dengan cara yang logis dan mudah diakses.
  • Integrasi dengan Teknologi Lain: HTML dapat diintegrasikan dengan CSS (Cascading Style Sheets) untuk gaya dan tata letak, serta JavaScript untuk interaktivitas.
  • Aksesibilitas: Elemen-elemen HTML dirancang untuk membantu membuat halaman web lebih mudah diakses oleh pengguna dengan berbagai kebutuhan, termasuk mereka yang menggunakan pembaca layar.

Contoh Dokumen HTML Sederhana

Berikut adalah contoh sederhana dari dokumen HTML lengkap:

html
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Halaman HTML Sederhana</title>
</head>
<body>
  <h1>Selamat Datang di Halaman Saya</h1>
  <p>Ini adalah paragraf pertama saya.</p>
  <a href="https://www.example.com">Kunjungi Situs</a>
  <img src="image.jpg" alt="Deskripsi Gambar">
</body>
</html>

HTML adalah dasar dari web development dan sangat penting untuk dipelajari bagi siapa saja yang ingin membuat halaman web atau memahami cara kerja web secara lebih mendalam. Untuk mempelajari lebih lanjut tentang HTML, Anda dapat mengunjungi sumber-sumber seperti MDN Web Docs dan W3Schools.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Disqus Comments