Kode syntax HTML berdasarkan fungsinya | Apa itu syntax?
Sebelum kita membahas tentang
daftar-daftar syntax pada kode HTML,disini saya akan menjelaskan terlebih
dahulu apa itu syntax??? Dalam dunia pemograman kata syntax merupakan kode aturan yang harus dipenuhi demi tercapainya suatu
keinginan seorang programmer.Dalam
pembuatan program kode syntax atau kode script sangat diperlukan untuk
melakukan suatu perintah yang diinginkan baik itu desktop programming ataupun
web.
Berikut adalah daftar-daftar kode syntax atau kode script
pada HTML beserta fungsinya:
Nama Tag
|
Keterangan / Kegunaan
|
Basic
|
|
<!DOCTYPE>
|
Tag untuk menentukan tipe dokumen
|
<html>
|
Tag untuk membuat sebuah dokumen
HTML
|
<title>
|
Tag untuk membuat judul dari
sebuah halaman
|
<body>
|
Tag untuk membuat tubuh dari
sebuah halaman
|
<h1> to <h6>
|
Tag untuk membuat heading
|
<p>
|
Tag untuk membuat paragraf
|
<br>
|
Memasukan satu baris putus
|
<hr>
|
Tag untuk membuat perubahan dasar
kata didalam isi
|
<!--...-->
|
Tag untuk membuat komentar
|
Formatting
|
|
<acronym>
|
Tag untuk membuat sebuah akronim (tidak
disupport lagi di HTML5)
|
<abbr>
|
Tag untuk membuat sebuah singkatan
|
<address>
|
Tag untuk membuat kontak alamat
|
<b>
|
Tag untuk membuat huruf bercetak
tebal
|
<bdi>
|
Mengisolasi bagian dari teks yang
dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru
HTML5)
|
<bdo>
|
Mengganti arah teks
|
<big>
|
Tag untuk membuat text berhuruf
besar (tidak disupport lagi di HTML5)
|
<blockquote>
|
Tag untuk membuat sebuah bagian
text yang dikutip dari sumber lain
|
<center>
|
Tag untuk membuat jajaran teks
menjadi ditengah (tidak disupport lagi di HTML5)
|
<cite>
|
Tag untuk membuat judul karya
|
<code>
|
Tag untuk membuat potongan kode
komputer di antara text
|
<del>
|
Tag untuk membuat teks yang telah
dihapus dari dokumen
|
<dfn>
|
Tag untuk membuat sebuah istilah
definisi
|
<em>
|
Tag untuk membuat penekanan teks (tidak
disupport lagi di HTML5)
|
<font>
|
Tag untuk membuat font, warna, dan
ukuran untuk teks (tidak disupport lagi di HTML5)
|
<i>
|
Tag untuk membuat sebuah bagian
dari teks yang disesuaikan dengan mood
|
<ins>
|
Tag untuk membuat teks yang telah
dimasukkan ke dalam dokumen
|
<kbd>
|
Tag untuk membuat input keyboard
|
<mark>
|
Tag untuk membuat teks yang
disorot / ditandai (tag baru HTML5)
|
<meter>
|
Tag untuk membuat pengukuran
skalar
|
<pre>
|
Tag untuk membuat teks terformat
|
<progress>
|
Memperlihatkan kemajuan tugas (tag
baru HTML5)
|
<q>
|
Tag untuk membuat kutipan pendek
|
<rp>
|
Tag untuk membuat apa yang harus
ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
|
<rt>
|
Tag untuk membuat sebuah anotasi /
pengucapan karakter (untuk tipografi Asia Timur)
|
<ruby>
|
Tag untuk membuat sebuah anotasi
ruby (untuk tipografi Asia Timur) (tag baru HTML5)
|
<s>
|
Tag untuk membuat teks yang tidak
lagi benar
|
<samp>
|
Tag untuk membuat contoh keluaran
dari program komputer
|
<small>
|
Tag untuk membuat teks kecil
|
<strike>
|
Tag untuk membuat teks yang di
coret tengah (tidak disupport lagi di HTML5)
|
<strong>
|
Tag untuk membuat teks penting
|
<sub>
|
Tag untuk membuat teks subskrip
(seperti dalam penulisan Jat Kimia)
|
<sup>
|
Tag untuk membuat teks
superscripted (seperti dalam penulisan akar kuadrat)
|
<time>
|
Tag untuk membuat tanggal / waktu (tag
baru HTML5)
|
<tt>
|
Tag untuk membuat teks teletype (tidak
disupport lagi di HTML5)
|
<u>
|
Tag untuk membuat teks yang
memiliki Gaya yang berbeda dari teks biasa lainnya
|
<var>
|
Tag untuk membuat sebuah variabel
|
<wbr>
|
Tag untuk membuat kemungkinan
garis-putus
|
|
|
|
|
|
|
Forms
|
|
<form>
|
Tag untuk membuat sebuah form HTML
untuk input pengguna
|
<input>
|
Tag untuk membuat sebuah kontrol
input
|
<textarea>
|
Tag untuk membuat sebuah kontrol
input multibaris (text area)
|
<button>
|
Tag untuk membuat sebuah tombol
yang dapat diklik
|
<select>
|
Tag untuk membuat sebuah daftar
drop-down
|
<optgroup>
|
Tag untuk membuat sebuah kelompok
pilihan yang terkait dalam daftar drop-down
|
<option>
|
Tag untuk membuat pilihan dalam
daftar drop-down
|
<label>
|
Tag untuk membuat sebuah label
untuk sebuah elemen <input>
|
<fieldset>
|
Grup unsur terkait dalam bentuk
|
<legend>
|
Tag untuk membuat sebuah caption
untuk sebuah elemen <fieldset>, < figure>, atau <details>
|
<datalist>
|
Menentukan daftar pilihan yang
telah ditetapkan untuk kontrol input (tag baru HTML5)
|
<keygen>
|
Tag untuk membuat key-pair
generator kolom input (tag baru HTML5)
|
<output>
|
Tag untuk membuat hasil
penghitungan (tag baru HTML5)
|
Frames
|
|
<frame>
|
Tag untuk membuat sebuah window
(bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
|
<frameset>
|
Tag untuk membuat satu set bingkai
(tidak disupport lagi di HTML5)
|
<noframes>
|
Tag untuk membuat sebuah konten
alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di
HTML5)
|
<iframe>
|
Tag untuk membuat sebuah bingkai
|
Images
|
|
<img>
|
Tag untuk membuat gambar
|
<map>
|
Tag untuk membuat gambar-peta
|
<area>
|
Tag untuk membuat area dalam
gambar-peta
|
<canvas>
|
Digunakan untuk menggambar grafik,
melalui scripting (JavaScript ) (tag baru HTML5)
|
<figcaption>
|
Tag untuk membuat sebuah caption
untuk elemen <figure> (tag baru HTML5)
|
<figure>
|
Menentukan konten mandiri (tag
baru HTML5)
|
Audio/Video
|
|
<audio>
|
Tag untuk membuat isi suara (tag
baru HTML5)
|
<source>
|
Tag untuk membuat sumber beberapa
media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
|
<track>
|
Tag untuk membuat trek teks untuk
elemen media (<video> dan <audio>) (tag baru HTML5)
|
<video>
|
Tag untuk membuat sebuah video
atau film (tag baru HTML5)
|
Links
|
|
<a>
|
Tag untuk membuat hyperlink
|
<link>
|
Tag untuk membuat hubungan antara
dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke
style sheet)
|
<nav>
|
Tag untuk membuat navigasi link (tag
baru HTML5)
|
Lists
|
|
<ul>
|
Tag untuk membuat daftar dengan
selain nomor
|
<ol>
|
Tag untuk membuat daftar dengan
nomor
|
<li>
|
Tag untuk membuat sebuah item
daftar
|
<dir>
|
Tag untuk membuat sebuah daftar
direktori (tidak disupport lagi di HTML5)
|
<dl>
|
Tag untuk membuat sebuah daftar
definisi
|
<dt>
|
Tag untuk membuat istilah (item)
dalam daftar definisi
|
<dd>
|
Defines a description of an item
in a definition list
|
<menu>
|
Tag untuk membuat deskripsi dari
item dalam daftar definisi
|
<command>
|
Tag untuk membuat sebuah tombol
perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
|
Tables
|
|
<table>
|
Tag untuk membuat tabel
|
<caption>
|
Tag untuk membuat sebuah caption
tabel
|
<th>
|
Tag untuk membuat sebuah sel
header tabel
|
<tr>
|
Tag untuk membuat baris dalam
sebuah tabel
|
<td>
|
Tag untuk membuat sel dalam sebuah
tabel
|
<thead>
|
Mengelompokan isi header dalam
sebuah tabel
|
<tbody>
|
Mengelompokanisi tubuh dalam
sebuah tabel
|
<tfoot>
|
Mengelompokan isi footer dalam
sebuah tabel
|
<col>
|
Menentukan properti kolom untuk
setiap kolom dalam elemen <colgroup>
|
<colgroup>
|
Menentukan kelompok dari satu atau
lebih kolom dalam sebuah tabel untuk diformat
|
Style/Sections
|
|
<style>
|
Tag untuk membuat informasi style
untuk dokumen
|
<div>
|
Tag untuk membuat sebuah bagian
dalam dokumen
|
<span>
|
Tag untuk membuat sebuah bagian
dalam dokumen
|
<header>
|
Tag untuk membuat sebuah header
untuk dokumen atau bagian (tag baru HTML5)
|
<footer>
|
Tag untuk membuat footer untuk
dokumen atau bagian (tag baru HTML5)
|
<hgroup>
|
Pengelompokan elemen heading
(<h1> sampai <h6>) (tag baru HTML5)
|
<section>
|
Tag untuk membuat bagian dalam
dokumen (tag baru HTML5)
|
<article>
|
Tag untuk membuat sebuah artikel (tag
baru HTML5)
|
<aside>
|
Tag untuk membuat konten lain
selain dari konten halaman (tag baru HTML5)
|
<details>
|
Tag untuk membuat rincian tambahan
yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
|
<dialog>
|
Tag untuk membuat sebuah kotak
dialog atau jendela (tag baru HTML5)
|
<summary>
|
Tag untuk membuat sebuah judul
terlihat untuk elemen <detil> (tag baru HTML5)
|
Meta Info
|
|
<head>
|
Tag untuk membuat informasi
tentang dokumen
|
<meta>
|
Tag untuk membuat metadata tentang
dokumen HTML
|
<base>
|
Menentukan URL dasar / target
untuk semua URL relatif dalam dokumen
|
<basefont>
|
Menentukan standar warna, ukuran,
dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)
|
Programming
|
|
<script>
|
Tag untuk membuat script di sisi
klien
|
<noscript>
|
Tag untuk membuat sebuah konten
alternatif bagi pengguna yang tidak mendukung script di sisi klien
|
<applet>
|
Tag untuk membuat sebuah java
applet yang ditanam (tidak disupport lagi di HTML5)
|
<embed>
|
Tag untuk membuat sebuah wadah
untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
|
<object>
|
Tag untuk membuat sebuah objek
yang ditanam
|
<param>
|
Tag untuk membuat sebuah parameter
untuk objek
|
Post a Comment for "Kode syntax HTML berdasarkan fungsinya | Apa itu syntax?"