BELAJAR HTML DASAR

Pendahuluan

HTML (HyperText Markup Language) adalah bahasa standar yang digunakan untuk membuat dan merancang halaman web. Total Pengunjung: 7645 HTML memungkinkan kita menampilkan teks, gambar, tautan, tabel, formulir, dan banyak elemen lainnya dalam browser.

Total Pengunjung: 7645

Bab 1: Pengenalan HTML

Apa itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web.

Struktur Dasar HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Halaman</title>
</head>
<body>
    <h1>Halo, Dunia!</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Penjelasan:

<!DOCTYPE html>: Menentukan jenis dokumen.
<html>: Elemen akar dari dokumen HTML.
<head>: Berisi metadata seperti judul.
<body>: Tempat konten utama halaman web ditulis.

Bab 2: Teks dan Paragraf

Judul

Gunakan tag <h1> hingga <h6> untuk membuat judul.

<h1>Judul Besar</h1>
<h2>Judul Sedang</h2>
<h3>Judul Kecil</h3>

Paragraf dan Pemisah Baris

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

Menebalkan, Miring, dan Garis Bawah

<b>Teks Tebal</b>
<i>Teks Miring</i>
<u>Teks Garis Bawah</u>

Bab 3: Gambar dan Tautan

Menambahkan Gambar

<img src="gambar.jpg" alt="Deskripsi Gambar">

Menambahkan Tautan

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

Bab 4: Daftar

Daftar Tak Berurut (Bullet List)

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Daftar Berurut (Numbered List)

<ol>
  <li>Langkah 1</li>
  <li>Langkah 2</li>
</ol>

Bab 5: Tabel

<table border="1">
  <tr>
    <th>Nama</th>
    <th>Usia</th>
  </tr>
  <tr>
    <td>Ali</td>
    <td>25</td>
  </tr>
</table>

Bab 6: Formulir

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

Penutup

Selamat! Anda telah mempelajari dasar-dasar HTML. Langkah selanjutnya adalah mempraktikkannya secara langsung dengan membuat halaman web sederhana. Setelah memahami HTML, Anda bisa melanjutkan ke CSS dan JavaScript untuk membuat website lebih menarik dan interaktif.

Teruslah belajar, karena dunia teknologi terus berkembang. Siapa pun bisa menguasainya, asal ada kemauan!