Berikut ini adalah contoh element lengkap pada HTML lengkap beserta penjelasannya:
1. <html>
Elemen <html> digunakan untuk menandai awal dan akhir dari sebuah dokumen HTML.
Contoh:
<html>
<!-- Konten dokumen HTML -->
</html>
<!DOCTYPE html> // mendefinisikan bahwa dokumen ini adalah dokumen HTML52. <head>
Elemen <head> digunakan untuk menyertakan informasi tentang dokumen HTML, seperti judul halaman, stylesheet, dan meta tag.
Contoh:
<head>
<title>Judul Halaman</title>
<link rel="stylesheet" href="style.css">
<meta name="description" content="Deskripsi halaman">
</head>3. <body>
Elemen <body> digunakan untuk menandai konten utama dari sebuah dokumen HTML.
Contoh:
<body>
<h1>Judul Halaman</h1>
<p>Paragraf pertama.</p>
<p>Paragraf kedua.</p>
</body>4. <h1> hingga <h6>
Elemen <h1> hingga <h6> digunakan untuk menandai judul atau heading dalam dokumen HTML. <h1> adalah heading dengan tingkat prioritas tertinggi, sedangkan <h6> adalah heading dengan tingkat prioritas terendah.
Contoh:
<h1>Judul Halaman</h1>
<h2>Judul Bagian</h2>
<h3>Judul Sub-Bagian</h3>5. <p>
Elemen <p> digunakan untuk menandai paragraf dalam dokumen HTML.
Contoh:
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>6. <a>
Elemen <a> digunakan untuk membuat tautan atau hyperlink dalam dokumen HTML.
Contoh:
<a href="https://www.example.com">Ini adalah tautan</a>7. <img>
Elemen <img> digunakan untuk menampilkan gambar dalam dokumen HTML.
Contoh:
<img src="gambar.jpg" alt="Deskripsi gambar">8. <ul> dan <li>
Elemen <ul> dan <li> digunakan untuk membuat daftar tak-berurutan dalam dokumen HTML.
Contoh:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>9. <ol> dan <li>
Elemen <ol> dan <li> digunakan untuk membuat daftar berurutan dalam dokumen HTML.
Contoh:
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>10. <table>
Elemen <table> digunakan untuk membuat tabel dalam dokumen HTML.
Contoh:
<table>
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>John Doe</td>
<td>25</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>30</td>
</tr>
</table>11. <form>
Elemen <form> digunakan untuk membuat formulir dalam dokumen HTML.
Contoh:
<form action="/submit" method="post">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama">
<input type="submit" value="Submit">
</form>12. <div>
Elemen <div> digunakan untuk mengelompokkan elemen-elemen HTML menjadi sebuah blok.
Contoh:
<div>
<h1>Judul Halaman</h1>
<p>Paragraf pertama.</p>
</div>13. <span>
Elemen <span> digunakan untuk memberikan gaya atau mengelompokkan elemen-elemen HTML secara inline.
Contoh:
<p>Ini adalah <span style="color: red;">teks berwarna merah</span>.</p>14. <input>
Elemen <input> digunakan untuk membuat input field dalam formulir.
Contoh:
<input type="text" name="nama" placeholder="Masukkan nama">15. <button>
Elemen <button> digunakan untuk membuat tombol dalam dokumen HTML.
Contoh:
<button type="button">Klik Saya</button>Itulah contoh element lengkap pada HTML lengkap beserta penjelasannya. Anda dapat menggabungkan elemen-elemen ini untuk membuat halaman web yang interaktif dan menarik.
Leave a Reply