belajar-html-dasar-forweb

HTML atau HyperText Markup Language adalah bahasa markup yang digunakan untuk membuat halaman web. Untuk seorang pemula, belajar HTML bisa menjadi hal yang menakutkan, tetapi sebenarnya sangat mudah dipelajari.

  1. Apa itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat halaman web. Dalam HTML, kita menggunakan tag untuk mengelompokkan elemen dalam halaman web. Sebagai contoh, tag <head> digunakan untuk menempatkan informasi penting tentang halaman web, seperti judul dan meta deskripsi, sedangkan tag <body> digunakan untuk menempatkan isi dari halaman web.

  1. Memahami struktur dasar HTML

Struktur dasar HTML terdiri dari tag <html>, <head>, dan <body>. Tag <html> menunjukkan awal dan akhir dari dokumen HTML, sedangkan tag <head> menempatkan informasi penting tentang halaman web dan tag <body> menempatkan isi dari halaman web.

Setiap halaman HTML harus dimulai dengan tag <!DOCTYPE html>, yang memberi tahu browser bahwa halaman tersebut ditulis dalam bahasa HTML. Setelah itu, kita perlu menambahkan tag html, yang membungkus seluruh konten halaman web. Di dalam tag html, terdapat dua bagian utama yaitu head dan body.

Bagian head digunakan untuk menyimpan informasi tentang halaman web, seperti judul halaman dan link ke file CSS atau JavaScript. Tag title digunakan untuk menambahkan judul halaman, dan harus ditempatkan di dalam tag head.

Berikut contoh struktur dasar HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman Web</title>
  </head>
  <body>
    <h1>Selamat Datang di Halaman Web Saya</h1>
    <p>Ini adalah paragraf pertama.</p>
    <p>Ini adalah paragraf kedua.</p>
  </body>
</html>
  1. Membuat teks dan gambar

Untuk membuat teks, kita dapat menggunakan tag <p> untuk membuat paragraf atau tag <h1>-<h6> untuk membuat judul. Sedangkan untuk menambahkan gambar, kita menggunakan tag <img>. Contoh penggunaan tag <img>:

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

Untuk membuat hyperlink atau tautan, kita menggunakan tag <a>. Contoh penggunaan tag <a>:

<a href="https://www.contohweb.com">Ini adalah tautan</a>
  1. Membuat tabel

Untuk membuat tabel, kita menggunakan tag <table>, <tr>, <th>, dan <td>. Tag <table> digunakan untuk menunjukkan awal dan akhir dari tabel, sedangkan tag <tr> digunakan untuk menunjukkan baris dalam tabel. Tag <th> digunakan untuk menunjukkan judul kolom dan tag <td> digunakan untuk menunjukkan isi dari sel dalam tabel. Contoh penggunaan tag <table>, <tr>, <th>, dan <td>:

<table>
  <tr>
    <th>Nama</th>
    <th>Umur</th>
  </tr>
  <tr>
    <td>Andi</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Budi</td>
    <td>30</td>
  </tr>
</table>

.

Halaman selanjutnya:

Pages: 1 2