Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html / pemograman / website

Panduan Dasar HTML untuk Pemula

Posting Komentar

 

Panduan Dasar HTML untuk Pemula: Memulai dengan Membuat Halaman Web

HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat halaman web. Dalam artikel ini, kita akan membahas dasar-dasar HTML yang perlu Anda ketahui untuk memulai membuat situs web sendiri. Panduan ini cocok bagi pemula yang ingin belajar tentang HTML.

Langkah 1: Memahami Struktur Dasar HTML

Setiap halaman HTML memiliki struktur dasar yang terdiri dari elemen-elemen berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Selamat Datang di Situs Web Saya</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
  1. <!DOCTYPE html>: Deklarasi yang menunjukkan versi HTML yang digunakan.
  2. <html>: Elemen root yang membungkus seluruh konten halaman.
  3. <head>: Bagian yang berisi informasi meta tentang dokumen, seperti judul.
  4. <title>: Menentukan judul halaman yang akan ditampilkan di tab browser.
  5. <body>: Bagian yang berisi konten utama halaman, seperti teks, gambar, dan tautan.

Langkah 2: Menambahkan Teks dan Gambar

  1. Teks: Menggunakan tag teks untuk menambahkan berbagai elemen teks.

    <h1>Ini adalah Heading 1</h1>
<h2>Ini adalah Heading 2</h2>
<p>Ini adalah paragraf.</p>
<strong>Teks Tebal</strong> dan <em>Teks Miring</em>

  2. Gambar: Menambahkan gambar ke halaman web.

    <img src="path/to/image.jpg" alt="Deskripsi Gambar">

Langkah 3: Membuat Tautan

Tautan memungkinkan Anda untuk menghubungkan halaman web lain atau file lainnya.


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

Langkah 4: Membuat Daftar

  1. Daftar Berurutan: Menggunakan tag <ol> dan <li> untuk membuat daftar berurutan.


    <ol>
    <li>Item Pertama</li>
    <li>Item Kedua</li>
    <li>Item Ketiga</li>
</ol>

  2. Daftar Tidak Berurutan: Menggunakan tag <ul> dan <li> untuk membuat daftar tidak berurutan.


    <ul>
    <li>Item Pertama</li>
    <li>Item Kedua</li>
    <li>Item Ketiga</li>
</ul>

Langkah 5: Membuat Tabel

Tabel digunakan untuk menampilkan data dalam bentuk grid.


<table>
    <tr>
        <th>Nama</th>
        <th>Umur</th>
    </tr>
    <tr>
        <td>Ali</td>
        <td>25</td>
    </tr>
    <tr>
        <td>Ana</td>
        <td>30</td>
    </tr>
</table>

Langkah 6: Menambahkan Formulir

Formulir memungkinkan pengguna untuk memasukkan data yang dapat dikirimkan ke server.


<form action="submit_form.php" method="post">
    <label for="name">Nama:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="Kirim">
</form>

Kesimpulan

HTML adalah fondasi dari setiap halaman web. Dengan memahami dasar-dasar HTML seperti struktur halaman, penambahan teks dan gambar, pembuatan tautan, daftar, tabel, dan formulir, Anda bisa mulai membuat situs web sederhana. Selamat mencoba dan semoga panduan ini membantu Anda memulai perjalanan dalam dunia web development!

Posting Komentar untuk "Panduan Dasar HTML untuk Pemula"