Laporan Pengenalan HTML

Identitas

Nama: Dwi Ida Rahmadani Situmorang

Kelas: TI 1E

Jurusan: Teknik Informatika

Politeknik Negeri Lhokseumawe

Tahun Akademik: 2024/2025

BAB I – PENDAHULUAN

1.1 Latar Belakang

HTML (HyperText Markup Language) adalah bahasa dasar dalam pengembangan halaman web. Sebagai fondasi utama dari setiap situs, HTML digunakan untuk menyusun struktur dan konten seperti teks, gambar, tautan, dan elemen visual lainnya. Tanpa HTML, halaman web tidak dapat ditampilkan oleh browser.

1.2 Rumusan Masalah

Apa itu HTML?
Apa saja elemen dasar HTML?
Bagaimana struktur dasar dari sebuah dokumen HTML?

1.3 Tujuan

Mengetahui pengertian dan sejarah HTML.
Mengenal struktur dan tag dasar dalam HTML.
Mampu membuat halaman web sederhana menggunakan HTML.

BAB II – TINJAUAN PUSTAKA

2.1 Definisi HTML

HTML adalah bahasa markup standar yang digunakan untuk membuat dan menyusun halaman web. HTML pertama kali dikembangkan oleh Tim Berners-Lee pada tahun 1991 dan terus berkembang hingga versi terbaru, HTML5.

2.2 Fungsi HTML

Menyusun struktur halaman web.
Menampilkan konten seperti teks, gambar, audio, dan video.
Menghubungkan halaman-halaman web melalui hyperlink.
Membantu mesin pencari memahami isi halaman web.

2.3 Versi HTML

HTML 1.0 (1991) – Versi pertama.
HTML 4.01 (1999) – Stabil dan umum digunakan.
HTML5 (2014) – Mendukung multimedia, responsif, dan elemen semantik.

BAB III – METODOLOGI

3.1 Alat dan Bahan

Teks Editor: Visual Studio Code / Notepad++
Web Browser: Google Chrome / Firefox
Sistem Operasi: Windows / Linux / macOS

3.2 Langkah-langkah Pembuatan Halaman HTML

Berikut adalah langkah-langkah untuk membuat halaman HTML sederhana:

Buka teks editor dan buat file baru dengan ekstensi .html.
Tulis struktur dasar HTML seperti berikut:

    <!DOCTYPE html>
    <html>
    <head>
      <title>Contoh HTML</title>
    </head>
    <body>
      <h1>Selamat Datang di Dunia HTML</h1>
      <p>Ini adalah paragraf pertama.</p>
    </body>
    </html>

Simpan file dan buka dengan browser untuk melihat hasilnya.

BAB IV – HASIL DAN PEMBAHASAN

4.1 Struktur Dasar HTML

Setiap dokumen HTML terdiri dari elemen berikut:

<!DOCTYPE html>: Menyatakan tipe dokumen.
<html>: Elemen utama yang membungkus seluruh dokumen.
<head>: Berisi informasi metadata seperti judul dan CSS.
<body>: Berisi isi utama halaman yang ditampilkan di browser.

4.2 Elemen Penting dalam HTML

Teks: <h1> sampai <h6>, <p>, <b>, <i>, <u>
Gambar: <img src="gambar.jpg" alt="Keterangan">
Tautan: <a href="https://example.com">Klik di sini</a>
Daftar: <ul>, <ol>, <li>
Tabel: <table>, <tr>, <td>, <th>
Formulir: <form>, <input>, <textarea>, <button>

4.3 Tampilan Output

Contoh hasil dari kode HTML dasar akan menampilkan judul besar dan paragraf sederhana dalam browser.

BAB V – PENUTUP

5.1 Kesimpulan

HTML adalah bahasa markup fundamental dalam pengembangan web. Memahami struktur dan elemen dasarnya adalah langkah awal yang penting bagi setiap pengembang web.

5.2 Saran

Mahasiswa disarankan untuk rutin berlatih membuat halaman HTML sederhana dan bereksperimen dengan berbagai tag untuk memperdalam pemahaman.

Daftar Pustaka

W3Schools. “HTML Tutorial.” https://www.w3schools.com/html
Mozilla Developer Network (MDN). https://developer.mozilla.org/en-US/docs/Web/HTML
Tim Berners-Lee. “The Original HTML.” https://www.w3.org/History.html