Uraian Fungsi Tag HTML
Struktur Dasar:
<html> : Mendefinisikan awal dokumen HTML.
<head> : Menyimpan informasi tentang dokumen, seperti judul dan metadata.
<title> : Menentukan judul halaman web.
<body> : Berisi konten utama halaman web, seperti teks, gambar, dan tautan.
Format Teks:
<h1> - <h6> : Menentukan heading dengan ukuran berbeda (1 terbesar, 6 terkecil).
<p> : Memformat teks sebagai paragraf.
Tautan:
<a> : Membuat tautan ke halaman web lain atau sumber daya.
Media:
<img> : Menampilkan gambar.
<audio> : Memutar audio.
<video> : Memutar video.
<canvas> : Menampilkan elemen grafis yang dibuat dengan JavaScript.
Daftar:
<ul> : Membuat daftar tidak terurut.
<ol> : Membuat daftar terurut.
<li> : Menentukan item dalam daftar.
Struktur Halaman:
<div> : Mengelompokkan elemen HTML untuk tata letak.
<span> : Mengelompokkan elemen teks untuk format teks inline.
Formulir:
<form> : Membuat formulir untuk mengumpulkan data dari pengguna.
<input> : Menentukan elemen input formulir, seperti kotak teks, tombol radio, dan checkbox.
<textarea> : Menentukan area teks multi-baris dalam formulir.
<select> : Membuat menu dropdown dalam formulir.
<option> : Menentukan pilihan dalam menu dropdown.
<button> : Membuat tombol.
Tabel:
<table> : Mendefinisikan tabel.
<tr> : Mendefinisikan baris dalam tabel.
<td> : Mendefinisikan sel data dalam tabel.
<th> : Mendefinisikan sel header dalam tabel.
Bagian Tabel:
<thead> : Mendefinisikan bagian header tabel.
<tbody> : Mendefinisikan bagian badan tabel.
<tfoot> : Mendefinisikan bagian footer tabel.
Elemen Lainnya:
<iframe> : Menampilkan konten dari halaman web lain dalam bingkai.
<script> : Menambahkan kode JavaScript ke halaman web.
<style> : Menambahkan kode CSS ke halaman web.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Tag HTML</title>
</head>
<body>
<h1>Ini adalah judul</h1>
<p>Ini adalah paragraf.</p>
<a href="https://www.google.com">Tautan ke Google</a>
<img src="gambar.jpg" alt="Gambar">
</body>
</html>
2 komentar