Element Lengkap pada HTML

Element Lengkap pada HTML

—

by

Webbiz.ID
in

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
<html>
  <!-- Konten dokumen HTML -->
</html>

<!DOCTYPE html> // mendefinisikan bahwa dokumen ini adalah dokumen HTML5
HTML

2. <head>

Elemen <head> digunakan untuk menyertakan informasi tentang dokumen HTML, seperti judul halaman, stylesheet, dan meta tag.

Contoh:

HTML
<head>
  <title>Judul Halaman</title>
  <link rel="stylesheet" href="style.css">
  <meta name="description" content="Deskripsi halaman">
</head>
HTML

3. <body>

Elemen <body> digunakan untuk menandai konten utama dari sebuah dokumen HTML.

Contoh:

HTML
<body>
  <h1>Judul Halaman</h1>
  <p>Paragraf pertama.</p>
  <p>Paragraf kedua.</p>
</body>
HTML

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:

HTML
<h1>Judul Halaman</h1>
<h2>Judul Bagian</h2>
<h3>Judul Sub-Bagian</h3>
HTML

5. <p>

Elemen <p> digunakan untuk menandai paragraf dalam dokumen HTML.

Contoh:

HTML
<p>Ini adalah paragraf pertama.</p>
<p>Ini adalah paragraf kedua.</p>
HTML

6. <a>

Elemen <a> digunakan untuk membuat tautan atau hyperlink dalam dokumen HTML.

Contoh:

HTML
<a href="https://www.example.com">Ini adalah tautan</a>
HTML

7. <img>

Elemen <img> digunakan untuk menampilkan gambar dalam dokumen HTML.

Contoh:

HTML
<img src="gambar.jpg" alt="Deskripsi gambar">
HTML

8. <ul> dan <li>

Elemen <ul> dan <li> digunakan untuk membuat daftar tak-berurutan dalam dokumen HTML.

Contoh:

HTML
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
HTML

9. <ol> dan <li>

Elemen <ol> dan <li> digunakan untuk membuat daftar berurutan dalam dokumen HTML.

Contoh:

HTML
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>
HTML

10. <table>

Elemen <table> digunakan untuk membuat tabel dalam dokumen HTML.

Contoh:

HTML
<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>
HTML

11. <form>

Elemen <form> digunakan untuk membuat formulir dalam dokumen HTML.

Contoh:

HTML
<form action="/submit" method="post">
  <label for="nama">Nama:</label>
  <input type="text" id="nama" name="nama">
  <input type="submit" value="Submit">
</form>
HTML

12. <div>

Elemen <div> digunakan untuk mengelompokkan elemen-elemen HTML menjadi sebuah blok.

Contoh:

HTML
<div>
  <h1>Judul Halaman</h1>
  <p>Paragraf pertama.</p>
</div>
HTML

13. <span>

Elemen <span> digunakan untuk memberikan gaya atau mengelompokkan elemen-elemen HTML secara inline.

Contoh:

HTML
<p>Ini adalah <span style="color: red;">teks berwarna merah</span>.</p>
HTML

14. <input>

Elemen <input> digunakan untuk membuat input field dalam formulir.

Contoh:

HTML
<input type="text" name="nama" placeholder="Masukkan nama">
HTML

15. <button>

Elemen <button> digunakan untuk membuat tombol dalam dokumen HTML.

Contoh:

HTML
<button type="button">Klik Saya</button>
HTML

Itulah contoh element lengkap pada HTML lengkap beserta penjelasannya. Anda dapat menggabungkan elemen-elemen ini untuk membuat halaman web yang interaktif dan menarik.

Artikel Terbaru ⭐