Freedom Chat

Dasar-Dasar HTML

HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat dan menampilkan halaman web. HTML terdiri dari serangkaian tag yang digunakan untuk mendefinisikan struktur dan konten halaman web. Mari kita pelajari beberapa tag dasar HTML dan bagaimana kita dapat membuat halaman web sederhana untuk menampilkan puisi.

Tag-Tag Dasar HTML:

1. Tag `<html>`: Tag ini digunakan untuk membungkus seluruh dokumen HTML. Ini menandakan awal dari dokumen HTML dan biasanya diikuti dengan tag penutup `</html>` di akhir dokumen.

2. Tag `<head>`: Tag ini berisi informasi tentang halaman web yang tidak ditampilkan secara langsung di browser. Di dalam `<head>`, kita dapat menemukan `<title>`, `<meta>`, dan `<style>` (untuk CSS).

3. Tag `<body>`: Bagian ini berisi konten utama yang akan ditampilkan di browser. Semua teks, gambar, tautan, dan elemen lainnya yang ingin ditampilkan di halaman web berada di dalam `<body>`.

4. Tag `<h1>` hingga `<h6>`: Tag-tag ini digunakan untuk membuat heading atau judul. `<h1>` adalah heading terbesar, sedangkan `<h6>` adalah yang terkecil.

5. Tag `<p>`: Digunakan untuk membuat paragraf. Setiap paragraf harus diapit dengan tag `<p>` dan `</p>`.

6. Tag `<strong>` dan `<em>`: Digunakan untuk memberikan penekanan pada teks. `<strong>` membuat teks menjadi tebal (bold), sedangkan `<em>` membuat teks miring (italic).

7. Tag `<br>`: Tag ini digunakan untuk membuat baris baru atau pemecah baris tanpa memulai paragraf baru.

8. Tag `<a>`: Digunakan untuk membuat tautan (hyperlink). Dengan tag ini, kita dapat menghubungkan satu halaman web ke halaman lainnya.

Membuat Halaman Web Puisi:

Kita akan membuat halaman web sederhana yang menampilkan puisi berjudul "Aku" karya Chairil Anwar.

1. Buka Notepad++ atau editor teks favoritmu.

2. Ketik kode HTML berikut:

html    <html>
        <head>
            <title>Puisi: Aku - Chairil Anwar</title>
        </head>
        <body>
            <h1>Aku</h1>
            <p>Aku ini binatang jalang,<br>
                dari kumpulannya terbuang,<br>
                dan sendirilah aku;<br>
                tidak pernah kutahu<br>
                ayahku siapa,<br>
                abang, adikku<br>
                siapa-siapa.</p>
            <p>Aku ini burung gagak,<br>
                hitam dan jelek,<br>
                di atas pohon yang kering<br>
                kuberdiri sendiri;<br>
                tidak pernah kuterbangkan<br>
                sayap yang lapuk itu,<br>
                tidak pernah kulihat<br>
                burung lain terbang.</p>
            <p><em>— Chairil Anwar</em></p>
        </body>
    </html>

3. Simpan file dengan nama "puisi.html". Pastikan ekstensi ".html" digunakan.

4. Buka file "puisi.html" dengan browser. Kamu akan melihat puisi ditampilkan dengan heading dan paragraf yang rapi.

Dengan memahami tag-tag dasar HTML, kamu dapat mulai membuat halaman web sederhana. Cobalah bereksperimen dengan tag-tag lainnya dan buat puisi atau teks lainnya menjadi lebih menarik dengan HTML!