Some text some message..
Some text some message..
Some text some message..
Some text some message..

Daftar Tag HTML Dan Fungsinya

previous Previous Page

Tag-tag HTML merupakan kumpulan tag yang digunakan dalam membangun suatu halaman web. Tag ini dibuka dengan sebuah < atau kurung siku kiri dan ditutup dengan > atau kurung siku kanan. Tag tersebut mendefiniskan suatu elemen HTML yang akan dibuat untuk membangun suatu halaman web. Misalnya <p> merupakan tag untuk menciptakan elemen p (paragraf) suatu halaman HTML.

Seiring perkembangan teknologi, tag HTML juga banyak mengalami perubahan dan perbaikan. Yang mana terdapat berbagai macam tag baru yang merupakan revisi dan penyempurnaan tag HTML versi sebelumnya. Tag baru tersebut seperti tag <header>, <footer>, <aside> yang merupakan tag baru pada HTML5.

Di dalam HTML5 juga terdapat tag yang sudah usang (deprecated) dan sudah tidak didukung penggunaannya. Hal ini disebabkan karena penyempurnaan tag sehingga tag yang tersebut tidak lagi dibutuhkan. Penggunaan daftar tag yang usang (deprecated) harus dihindari karena pada masa kedepannya tag ini tidak akan dipakai lagi sebagai tag standar HTML.

Tag HTML yang sudah tidak didukung oleh HTML5 diantaranya adalah : <strike>, <center>, <big>, <blink>. Tag tersebut harus anda hindari dan sebagai alternatif lainnya, anda dapat menggunakan CSS dengan misalnya style "text-decoration:line-through, text-align:center, font-weight:bold". Anda juga bisa menggunakan Javascript sebagai pengatur tampilan halaman web.

Berikut ini daftar tag pada HTML :

Tag HTMLPenjelasan
<a>Tautan link antar halaman
<abbr>Singkatan (abbreviation)
<acronym>Tidak didukung oleh html5, silahkan gunakan <abbr>
<addres>Informasi untuk menghubungi pemilik website
<applet>Tidak didukung html5 silahkan gunakan <embed> atau <object>
<area>Wilayah di dalam image-map / peta
<article>Artikel (bagian dari konten)
<aside>Konten yang ditempatkan di sebelah konten utama
<audio>Audio / suara dari konten
<b>Text dengan style bold(huruf tebal)
<base>Base url / url dasar sebagai acuan dari url relative di dalam dokumen
<basefont>Tidak didukung di html5
<bdi>Text yang akan diberi format khusus
<bdo>Mengatur posisi arah text
<big>Tidak didukung di html5
<blockquote>Bagian tertentu yang diambil dari sumber lain
<body>Body / badan dokumen
<br>Menciptakan single line break
<button>Menciptakan tombol yang bisa di klik
<canvas>Digunakan untuk mengambar suatu grafik, biasanya dengan melalui bantuan javascript
<caption>Kapsi / judul
<center>Tidak didukung di html5
<cite>Kutipan dari sumber lain
<code>Kumpulan teks dalam bentuk kode komputer
<col>Properti di dalam elemen <colgroup>
<colgroup>Mengelompokkan satu atau lebih kolom di dalam suatu tabel
<dd>Nilai list deskripsi
<del>Text yang sudah dihapus pada dokumen
<details>Detail data tambahan
<dfn>Mewakili defining instance of a term
<dialog>Kotak dialog
<dir>Tidak didukung html5
<div>Divisi / seksi halaman web
<dl>List deskripsi
<dt>Nama dari list deskripsi
<em>Emphasized text /tulisan dengan efek miring
<embed>Kontainer dari aplikasi non-HTML luar
<fieldset>Mengelompokan suatu elemen yang sama di dalam suatu form
<figcaption>Kapsi / judul dari elemen <figure>
<figure>Isi dari konten itu sendiri
<font>Tidak didukung html5
<footer>Footer / catatan kaki suatu dokumen
<form>Menciptakan form sebagai input data
<frame>Tidak didukung html5
<frameset>Tidak didukung html5
<h1> - <h6>Heading h1 sampai dengan h6
<head>Informasi dokumen
<header>Header /seksi dokumen paling atas
<hr>Menciptakan garis horisontal karena perubahan tema
<html>Akar / struktur dokumen
<i>Menciptakan text dengan style huruf miring
<iframe>Inline frame
<img>Menciptakan gambar
<input>Menciptakan input
<ins>Text yang sudah disisipkan di dalam sebuah dokumen
<kbd>Menciptakan keybord input
<keygen>Key-pair generator field
<label>Menciptakan label dari input masukan
<legend>Menciptakan kapsi dari field set
<li>Menciptakan list item
<link>Menciptakan link eksternal dari file eksternal, khusus file css
<main>Konten utama dari dokumen
<map>Client-side image-map
<mark>Text dengan tanda khusus
<menu>Menu untuk menuju submenu lain
<menuitem>Menu item
<meta>Metadata tentang dokumen html
<meter>Menciptakan skala pengukuran didalam suatu range
<nav>Menciptakan navigasi menu
<noframes>Tidak didukung di html5
<noscript>Isi alternatif jika browser tidak mendukung client-side script
<object>Embedded object
<ol>Order list
<optgroup>Kelompok opsi yang sama di dalam drop-down-list
<option>Opsi dari drop-down-list
<output>Menciptakan output / hasil dari perhitungan
<p>Menciptakan paragraf
<param>Parameter dari sebuah objek
<picture>Kontainer dari multiple image
<pre>Menciptakan pre-formatted text
<progress>Progress dari suatu tugas
<q>Short quotation
<rp>Tampilan alternatif jika browser tidak mendukung ruby
<rt>Menciptakan karakter / huruf untuk alfabet Asia
<ruby>Ruby annotation
<s>Menciptakan text no-longer correct
<samp>Menciptakan sample output dari program komputer
<script>Client-side-script
<section>Seksi sebuah dokumen
<select>Bagian dari drop-down-list
<small>Menciptakan text yang lebih kecil dari normal text
<source>Sumber masukan pada elemen <video> dan <audio>
<span>Menciptakan span/seksi halaman dokumen
<strike>Tidak didukung di html5
<strong>Menciptakan important text
<style>Style pada dokumen
<sub>Menciptakan superscript text
<summary>Heading pada elemen <details>
<sup>Menciptakan superscript text
<table>Menciptakan tabel
<tbody>Kelompok body / badan dari isi tabel
<td>Sel pada tabel
<textarea>Masukan input multi line
<tfoot>Kelompok footer dari isi tabel
<th>Header dari sel sebuah tabel
<thead>Kelompok header dari isi tabel
<time>Waktu / tanggal
<title>Title / judul pada sebuah dokumen
<tr>Baris pada tabel
<track>Track pada media video / audio
<tt>Tidak didukung di html5
<u>Menciptakan huruf dengan garis bawah (under-line)
<ul>Un-ordered list
<var>Pendeklarasian variabel
<video>Video / film
<wbr>Line break

facebooktwitterwhatapplinkedinpinterest

previous Previous Page

Tutorial HTML

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami