Tag dasar pada html

Wajib untuk diketahui, setidaknya walaupun tidak semuanya, tapi harus dan wajib di ketahui, karena tag dasar html adalah pondasi dalam membuat website.

Dibawah saya buatkan tabel tag dasar html beserta fungsinya, mungkin tidak lengkap, tapi sebagian sudah cukup.

Tabel tag dasar html


1. Tag HTML yang wajib ada penutup

Tag dengan penutupFungsi
<html>⇔</html>Jenis dokumen yang akan ditampilkan browser
<head>⇔</head>Informasi header dari dokumen html, tidak ditampilakan oleh browser
<title>⇔</title>Informasi title html yang ditampilkan pada tab browser
<body>⇔</body>Informasi dari isi dokumen html yang akan ditampilkan pada browser
<p>⇔</p>Paragraf dokumen
<a>⇔</a>Untuk membuat hyperlink
<h1>⇔</h1>Header 1, untuk memberi judul sebuah halaman
<h2>⇔<h2>Header 2, sub judul dari halaman
<h3>⇔</h3>Header 3, sub judul dari halaman
<h4>⇔</h4>Header 4, sub judul dari halaman
<h5>⇔</h5>Header 5, sub judul dari halaman
<h6>⇔</h6>Header 6, sub judul dari halaman
<b>⇔<b>Bold, untuk mempertebal huruf
<i>⇔<i>Italic, untuk membuat tampilan teks tercetak miring
<u>⇔</u>Underline, untuk membuat tampilan teks tercetak garis bawah
<pre>⇔<pre>Preformated Text, tag ini berfungsi untuk menampilkan teks apa adanya sesuai text editor
<center>⇔</center>Untuk menampilkan teks dengan posisi align ditengah
<ol>⇔</ol>Order List, berfungsi untuk membuat nomor daftar urut
<ul>⇔</ul>Unorder List, berfungsi untuk membuat bullet
<li>⇔</li>List Item, tag yang berada di elemen <ol> atau <ul> yang membuat list
<table>⇔</table>Untuk membuat suatu data yang terdiri dari baris dan kolom
<tr>⇔</tr>Table Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam tag <table>
<td>⇔<td>Table Data, terletak di dalam tag <tr>, yang berfungsi untuk memasukkan data-data
<caption>⇔</caption>Untuk membuat judul dari tabel
<a>⇔</a>Untuk menghubungkan ke internal atau ekserrnal halaman web
<form>⇔</form>Untuk mendefiniskan form interaktif
<input>⇔</input>Untuk mendefinisikan input yang akan dimasukkan oleh pengguna
<select>⇔</select>Untuk mendefinisikan opsi pilihan pada form kontrol
<option>⇔</option>Untuk mendefinisikan opsi pilihan pada menu select
<textarea>⇔</textarea>Sebagai input kontrol form untuk memasukkan teks lebih dari satu baris
<frameset>⇔</frameset>Untuk membagi isi jendela web browser menjadi beberapa bagian
<frame>⇔</frame>Untuk mendefiniskan fram yang terdapat dalam frameset

2. Tag HTML yang tidak perlu penutup.

Tag tanpa penutupFungsi
<!DOCTYPE html>Intruksi versi HTML halaman yang di baca browser, tidak ditampilkan oleh browser
<meta>Informasi halaman HTML yang di baca browser, tidak ditampilkan oleh browser
<br>Untuk ganti baris
<img>Untuk memasukan gambar pada dokumen
<hr>Untuk membuat garis horisontal
<!– Arguments –>Untuk membuat argumen, tidak ditampilkan oleh browser

3. Tag HTML yang fungsinya wajib ditentukan.

Nama tagFungsi
<font>⇔</font>Untuk merubah jenis, ukuran, warna dari huruf, wajib ada perintah dari css.
<script>⇔</script>Untuk menuliskan script, wajib ada perintah dari JavaScript.
<style>⇔</style>Berfungsi sebagai perintah penggayaan.
<div>⇔</div>Berfungsi sebagai paragraf bila tidak ada perintah dari css.
<span>⇔</span>Tidak berfungsi sebagai apapun tanpa perintah dari css.
<article>⇔</article>Tidak berfungsi sebagai apapun tanpa perintah dari css.
<area>⇔</area>Tidak berfungsi sebagai apapun tanpa perintah dari css.
<section>⇔</section>Tidak berfungsi sebagai apapun tanpa perintah dari css.
<header>⇔</header>Tidak berfungsi sebagai apapun tanpa perintah dari css.
<footer>⇔</footer>Tidak berfungsi sebagai apapun tanpa perintah dari css.

Referensi:

Referensi lengkap tentang tag html bisa Anda dapatkan di: w3schools.com dan html.com

Untuk para master web,  mohon dikoreksi bila ada kesalahan tulis dalam tabel saya .
Untuk tag dasar html, saya kira cukup disini dulu, sampai jumpa di artikel berikutnya dan salam sukses selalu buat Anda semua.

Mungkin Anda Menyukai