HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membuat dan mengatur struktur halaman web. Ini adalah dasar dari pemrograman web dan digunakan untuk membuat elemen-elemen dasar dari halaman web, seperti teks, gambar, tautan, formulir, dan lain-lain. Berikut adalah beberapa dasar-dasar pemrograman HTML beserta jenis-jenis dan kegunaannya:
ELEMEN DASAR:
<html>: Menandai awal dan akhir dari dokumen HTML.<head>: Berisi informasi tentang dokumen, seperti judul halaman, meta tag, dll.<title>: Menentukan judul yang akan ditampilkan di bilah judul browser.<body>: Tempat konten utama halaman web, seperti teks, gambar, dan elemen lainnya.
CONTOH:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web</title>
</head>
<body>
<h1>Selamat Datang di Contoh Halaman Web</h1>
<p>Ini adalah halaman web sederhana dengan beberapa elemen dasar.</p>
</body>
</html>
TEKS:
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>: Judul dengan tingkat kepentingan yang berbeda.<p>: Paragraf teks.<strong>: Membuat teks menjadi tebal.<em>: Miringkan teks.<br>: Pindah ke baris berikutnya.
CONTOH:
<h2>Contoh Elemen Teks</h2>
<p><strong>Teks tebal</strong> dan <em>teks miring</em>.<br>
Teks ini pindah ke baris berikutnya.</p>
TAUTAN:
<a>: Membuat tautan (link) ke halaman web atau sumber daya lain.<href>: Atribut dalam elemen<a>yang menunjukkan tujuan tautan.<target>: Atribut untuk mengatur di mana tautan akan terbuka (misalnya, dalam tab baru).
GAMBAR:
<img>: Menampilkan gambar di halaman web.<src>: Atribut yang menentukan lokasi gambar.<alt>: Atribut yang memberikan teks alternatif ketika gambar tidak dapat ditampilkan.
DAFTAR:
<ul>: Membuat daftar tak berurutan (unordered list).<ol>: Membuat daftar berurutan (ordered list).<li>: Elemen dalam daftar.
FORMULIR:
<form>: Membuat formulir interaktif.<input>: Elemen untuk input dari pengguna.<textarea>: Area teks yang lebih besar untuk input teks panjang.<select>: Elemen untuk memilih opsi dari daftar drop-down.<button>: Tombol yang dapat di-klik.
STRUKTUR:
<div>: Elemen kontainer yang digunakan untuk mengelompokkan dan mengatur konten.<span>: Elemen inline untuk mengaplikasikan gaya atau manipulasi teks.
MEDIA
<audio>: Menyematkan file audio ke halaman web.<video>: Menyematkan file video ke halaman web.
KOMPONEN SEMATIK
<header>,<footer>,<nav>,<article>,<section>: Elemen-elemen ini memberikan struktur semantik pada halaman web, membantu mesin pencari dan pembaca layar memahami konten.
HTML digunakan sebagai dasar untuk membangun struktur halaman web. Ini bekerja sama dengan CSS (Cascading Style Sheets) untuk mengatur tampilan visual dan JavaScript untuk menambahkan interaktivitas. Dengan kombinasi ketiganya, Anda dapat membuat halaman web yang menarik, responsif, dan interaktif.
