By pthrt
Apa itu HTML?
HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur dan mengatur konten pada halaman web. HTML memberikan dasar untuk mengatur elemen dasar seperti teks, gambar, dan hyperlink.
Struktur HTML Dasar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Judul Halaman</title>
</head>
<body>
<!-- Konten halaman web -->
</body>
</html>Informasi :
<!DOCTYPE html>: Menentukan versi HTML yang digunakan (HTML5).<html>: Memulai elemen HTML.<head>: Berisi informasi meta dan pengaturan dokumen.<meta charset="UTF-8">: Menentukan kumpulan karakter dokumen (UTF-8 untuk Unicode).<meta name="viewport" content="width=device-width, initial-scale=1.0">: Menentukan tampilan responsif untuk perangkat seluler.<title>: Menentukan judul halaman yang akan muncul di tab browser.<body>: Tempat untuk semua konten yang akan ditampilkan pada halaman web.
Elemen HTML Dasar
1. Teks
<h1>Heading 1</h1>
<p>Paragraf teks.</p>
<strong>Teks tebal</strong>
<em>Teks miring</em>2. Gambar (Gambar)
<img src="gambar.jpg" alt="Deskripsi gambar">atau Anda dapat menggunakan URL gambar
<img src=" alt="Deskripsi gambar">3. Link
<a href=" target="_blank">Contoh Link</a>4. Daftar (Daftar)
<ul>
<li>Item pertama</li>
<li>Item kedua</li>
</ul>
<ol>
<li>Item pertama</li>
<li>Item kedua</li>
</ol>5. Membentuk (Membentuk)
<form action="/proses-data" method="post">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<input type="submit" value="Kirim">
</form>Atribut Penting
id: Memberikan identifikasi unik pada elemen.class: Menentukan satu atau lebih kelas untuk suatu elemen.src: Menentukan sumber (source) gambar atau media tersebut.alt: Deskripsi alternatif untuk gambar (penting untuk aksesibilitas).href: Alamat URL untuk tautan tersebut.
Pentingnya Aksesibilitas:
Pastikan untuk menggunakan atribut alt pada elemen <img> untuk memberikan deskripsi alternatif gambar, membantu pengguna tunanetra.
Pelatihan:
- Buat halaman HTML sederhana dengan judul “Berita Hari Ini”, tambahkan beberapa paragraf teks, gambar, dan link.
- Buat formulir sederhana dengan tiga formulir nama, email, kata sandi.
Dengan memahami dasar-dasar HTML, Anda dapat membangun struktur dasar halaman web dan melanjutkan mempelajari CSS dan JavaScript untuk meningkatkan tampilan dan fungsinya.
Pos 001. Pengenalan HTML : Struktur & Elemen Dasar muncul pertama kali di Inside of Code.
Agen Togel Terpercaya
Bandar Togel
Sabung Ayam Online
Berita Terkini
Artikel Terbaru
Berita Terbaru
Penerbangan
Berita Politik
Berita Politik
Software
Software Download
Download Aplikasi
Berita Terkini
News
Jasa PBN
Jasa Artikel