Halo teman power!! HTML atau Hypertext Markup Language adalah bahasa pemrograman yang digunakan untuk membuat halaman web. HTML terdiri dari berbagai macam tag yang digunakan untuk menentukan tampilan dan fungsi dari elemen di halaman web. Dalam artikel ini, kita akan membahas beberapa tag HTML yang paling umum dan fungsi-fungsinya.
<html>Tag Tag<html>adalah tag pertama yang harus ada pada setiap halaman web HTML. Tag ini menandai awal dan akhir dari dokumen HTML dan semua elemen dalam dokumen harus berada di dalam tag ini.<head>Tag Tag<head>digunakan untuk menentukan informasi tentang dokumen HTML, seperti judul halaman, deskripsi, dan tautan ke stylesheet dan file script.<title>Tag Tag<title>digunakan untuk menampilkan judul halaman di bagian atas jendela browser. Judul ini juga digunakan oleh mesin pencari untuk menampilkan judul halaman di hasil pencarian.<body>Tag Tag<body>digunakan untuk menentukan semua elemen yang akan ditampilkan di halaman web, seperti teks, gambar, tabel, dan formulir.<h1>–<h6>Tag Tag<h1>–<h6>digunakan untuk menentukan judul atau sub-judul halaman. Semakin kecil nomor tag, semakin kecil ukuran huruf judul.<p>Tag Tag<p>digunakan untuk menentukan paragraf teks. Setiap paragraf diawali dan diakhiri dengan tag ini.<a>Tag Tag<a>digunakan untuk membuat tautan atau hyperlink ke halaman web atau bagian lain di dalam halaman web. Tautan dapat berupa teks, gambar, atau elemen lain.<img>Tag Tag<img>digunakan untuk menampilkan gambar di halaman web. Tag ini memiliki atributsrcyang digunakan untuk menentukan lokasi file gambar.<ul>dan<li>Tag Tag<ul>digunakan untuk membuat daftar tidak terurut, sedangkan tag<li>digunakan untuk menentukan setiap item dalam daftar.<ol>dan<li>Tag Tag<ol>digunakan untuk membuat daftar terurut, sedangkan tag<li>digunakan untuk menentukan setiap item dalam daftar.<table>Tag Tag<table>digunakan untuk membuat tabel di halaman web. Tabel terdiri dari tag<tr>untuk baris dan tag<td>untuk sel.<form>Tag Tag<form>digunakan untuk membuat formulir di halaman web. Formulir biasanya berisi input dari pengguna seperti teks, kotak centang, dan tombol.<input>Tag Tag<input>digunakan untuk membuat elemen input di dalam formulir seperti kotak teks, tombol radio, dan kotak centang.<button>Tag Tag<button>digunakan untuk membuat tombol di halaman web. Tombol ini dapat digunakan untuk mengirim formulir, mengaktifkan skrip, dan lain-lain.
contoh penggunaan
- Contoh penggunaan tag
<h1>–<h6>untuk membuat judul dan sub-judul:
<h1>Judul Utama</h1>
<h2>Sub-Judul</h2>
- Contoh penggunaan tag
<p>untuk menampilkan paragraf teks:
<p>Ini adalah sebuah paragraf teks.</p>
- Contoh penggunaan tag
<a>untuk membuat tautan ke halaman web atau bagian lain dalam halaman web:
<a href="https://www.example.com">Ini adalah sebuah tautan</a>
- Contoh penggunaan tag
<img>untuk menampilkan gambar di halaman web:
<img src="gambar.jpg" alt="Gambar">
- Contoh penggunaan tag
<ul>dan<li>untuk membuat daftar tidak terurut:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
- Contoh penggunaan tag
<ol>dan<li>untuk membuat daftar terurut:
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
- Contoh penggunaan tag
<table>untuk membuat tabel di halaman web:
<table>
<tr>
<th>Nama</th>
<th>Umur</th>
</tr>
<tr>
<td>John</td>
<td>30</td>
</tr>
<tr>
<td>Jane</td>
<td>25</td>
</tr>
</table>
- Contoh penggunaan tag
<form>untuk membuat formulir di halaman web:
<form action="proses.php" method="post">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Kirim">
</form>
- Contoh penggunaan tag
<button>untuk membuat tombol di halaman web:
<button type="button">Klik Saya</button>
Itulah beberapa contoh penggunaan tag HTML beserta fungsinya. Anda dapat mengkombinasikan tag-tag ini untuk membuat halaman web yang lebih kompleks dan menarik.
Itulah beberapa tag HTML yang paling umum dan fungsinya di dalam halaman web. Dengan memahami tag-tag ini, Anda dapat membuat halaman web yang lebih interaktif dan menarik.
MAU MENAMBAH WAWASAN? :
