Belajar Dasar HTML

Ilyas Tri Khaqiqi
Web
29 Jul, 2023

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membangun dan mengatur struktur halaman web. Dalam artikel ini, kita akan membahas dasar-dasar HTML yang akan membantu Anda memulai perjalanan belajar dalam membangun situs web.

Apa itu HTML?

HTML adalah bahasa pemrograman yang digunakan untuk membuat konten web. Setiap halaman web dibangun dengan menggunakan kode HTML yang terdiri dari elemen-elemen yang dikenal sebagai tags. Tags digunakan untuk memberi tahu browser bagaimana cara menampilkan konten, seperti teks, gambar, dan tautan.

Contoh tag HTML sederhana adalah sebagai 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>

Dasar Struktur Dokumen HTML

Setiap halaman HTML dimulai dengan deklarasi <!DOCTYPE html> yang menandakan jenis dokumen HTML yang digunakan (HTML5 dalam contoh di atas). Selanjutnya, seluruh konten halaman web ditempatkan di antara tag <html> dan </html>.

<head>: Bagian ini berisi informasi tentang dokumen, seperti judul halaman, referensi ke berkas CSS atau JavaScript, dan meta informasi lainnya. Tag <head> tidak ditampilkan pada halaman web tetapi memberikan informasi penting tentang halaman tersebut.
<body>: Semua konten yang ingin ditampilkan di halaman web ditempatkan di antara tag <body> dan </body>. Ini termasuk teks, gambar, tautan, video, dan elemen-elemen lainnya yang ingin ditampilkan kepada pengguna.

Menampilkan Teks dan Judul

Untuk menampilkan teks di halaman web, Anda dapat menggunakan tag-heading (h1 sampai h6) untuk memberi tingkat kepentingan yang berbeda pada judul. Selain itu, Anda dapat menggunakan tag <p> untuk paragraf.

<h1>Ini adalah Judul Utama</h1>
<h2>Ini adalah Judul Tingkat 2</h2>
<p>Ini adalah paragraf pertama saya.</p>

Menyisipkan Gambar

Untuk menampilkan gambar di halaman web, Anda dapat menggunakan tag <img>. Pastikan untuk memberikan atribut src dengan nilai berupa URL gambar yang ingin ditampilkan.

<img src="gambar-saya.jpg" alt="Deskripsi Gambar" width="300" height="200">

Membuat Tautan

Tautan atau hyperlink dapat ditambahkan menggunakan tag <a>. Atribut href digunakan untuk menentukan URL tautan.

<a href="https://www.contohwebsite.com">Klik di sini untuk mengunjungi Contoh Website</a>

Mengatur Daftar

Untuk membuat daftar, Anda dapat menggunakan tag <ul> (daftar tak berurutan) atau <ol> (daftar berurutan) untuk daftar dengan nomor.

<ul>
    <li>Item daftar tak berurutan 1</li>
    <li>Item daftar tak berurutan 2</li>
</ul>

<ol>
    <li>Item daftar berurutan 1</li>
    <li>Item daftar berurutan 2</li>
</ol>

Kesimpulan

Sekarang Anda telah mempelajari dasar-dasar HTML. Dengan pengetahuan ini, Anda dapat mulai membangun halaman web sederhana dan memahami struktur dasar dari sebuah dokumen HTML. Lanjutkan belajar dan eksplorasi lebih lanjut untuk menguasai HTML dan kemampuan web development yang lebih lanjut. Selamat belajar!