Macam-macam Tag dan Fungsi Tag pada HTML
III. Tag HTML
Seperti apa yang sudah dibahas sebelumnya mengenai apa
itu HTML yang merupakan Bahasa yang digunakan untuk me-markup sebuah dokumen. Sebelumnya
kita juga sudah membuat file html menggunakan kode-kode seperti <HTML>,
<head>, <title>, dan lain-lain, mereka ini lah yang disebut dengan
tag. Tag HTML sudah jelas fungsinya untuk memformat atau (markup) dokumen HTML.
Fungsi tag HTML disini sama seperti fungsi formatting pada dokumen word seperti
mengenai penjudulan, kaligrafi atau textografi, membuat list, dan lain-lain.
Apabila diperhatikan, setiap tag pasti memiliki
pasangan </…>, contohnya <HTML></HTML>, memang sebuah
keharusan kalau setiap tag ada pasangannya.
Daftar tag HTML
dan fungsinya (object yang diformat/di markup berada di tempat …… berada):
A. Tag Basic
No
|
Tag
|
Fungsi
|
1.
|
<HTML>…</HTML>
|
Membuka dan menutup file HTML
|
2.
|
<head>……</head>
|
Berisi tentang informasi dokumen
HTML
|
3.
|
<title>……</title>
|
Menginformasikan Jusul dokumen
HTML
|
4.
|
<body>……</body>
|
Berisi konten yang akan
ditampilkan pada web browser
|
5.
|
<h1>……</h1> s/d <h6>……</h6>
|
Tag untuk membuat heading.
Note : Semakin kecil angkanya, ukuran headingnya semakin besar. |
6.
|
<p>……</p>
|
Membuat sebuah paragraf
|
7.
|
<br> atau </br>
|
Membuat satu baris tutup atau bias
disebut sebagai enter.
|
8.
|
<!--……-->
|
Membuat komentar
|
B. Markup Tag/ Formatting
9.
|
<b>……</b>
|
Membuat huruf bercetak tebal atau
bold
|
10.
|
<i>……</i>
|
Membuat huruf bercetak miring atau
italic
|
11.
|
<u>……</u>
|
Membuat huruf bercetak garis bawah
atau underline
|
12.
|
<strike>……</strike>
|
Membuat huruf coret tengah
|
13.
|
<sub>……</sub>
|
Membuat teks subskrip, contoh
<sub>2</sub> akan menghasilkan 2 |
14.
|
<sup>……</sup>
|
Membuat teks superscripted, lawan
dari sub
|
15.
|
<small>……</small>
|
Membuat huruf berukuran kecil
|
16.
|
<strong>……</strong>
|
Membuat teks tegas, fungsinya sama
seperti tag <b> atau bold
|
C. Forms Tag
17.
|
<form>……</form>
|
Mengawali dan mengakhiri code
untuk membuat form
|
18.
|
<input>
|
Membuat sebuah control input
|
19.
|
<textarea>…</textarea>
|
Membuat sebuah control input multi
baris atau lebih dari satu baris
|
20.
|
<button>……</button>
|
Membuat tombol yang dapat di klik
|
21.
|
<select>……</select>
|
Membuat control drop-down list
|
22.
|
<option>……</opotion>
|
Membuat isian/list pilihan didalam
control drop-down, tag ini berada di dalam tag <select>
|
23.
|
<label>……</label>
|
Membuat sebuah label untuk elemen
<input>
|
D. Listing Tag
24.
|
<ul>……</ul>
|
Membuat daftar/listing menggunakan
selain nomor
|
25.
|
<ol>……</ol>
|
Membuat daftar/listing menggunakan
nomor
|
26
|
<li>……</li>
|
Membuat isian/item list, tag ini
berada didalam tag <ul> atau <ol>
|
E. Tables Tag
27.
|
<table>……</table>
|
Membuat tabel
|
28.
|
<caption>…</caption>
|
Membuat caption atau keterangan table
|
29.
|
<thead>……</thead>
|
Mengelompokan header table
|
30.
|
<th>……</th>
|
Membuat kolom header table
|
31.
|
<tbody>……</tbody>
|
Mengelompokkan konten tabel
|
32.
|
<tr>……</tr>
|
Membuat baris biasa dalam tabel
|
33.
|
<td>……</td>
|
Membuat kolom biasa dalam table
|
F. Lain-lain
34.
|
<img>
|
Membuat gambar
|
35.
|
<a>……</a>
|
Membuat Hyperlink atau tautan
|
36.
|
<style>……</style>
|
Membuat informasi style untuk
dokumen HTML, biasanya tag ini berada didalam tag <head>
|
37.
|
<div>……</div>
|
Membuat sebuah bagian dalam
dokumen HTML
|
Salam kenal. hehe
ReplyDelete