konten

Mengenal Semua Kode Tag-tag HTML Serta Fungsinya



Dalam sebuah konstruksi bangunan hal yang paling utama harus dikuasi yaitu material dan bagaimana material-material tersebut dibangun atau di rakit sesuai keinginan untuk membentuk sebuah bangunan utuh. Sebenarnya saya sendiri juga bukan seorang ahli di bidang pemrograman,"ya little-little i can lah" karna tuntutan dunia persilatan blogger ,mari belajar bersama. Lanjut 

Sebuah situs,blog maupun website sama hal nya seperti sebuah bangunan yang tersusun darimaterial-material pembangun yaitu html. 

Apa itu html ?. Html merupakan kumpulan kode-kode perintah yang nantinya akan di eksekusi dan divisualisasikan baik itu dalam bentuk website situs maupun blog. 

Berikut adalah tag-tag yang terdapat pada html dengan pengkategorian dan penggunaannya

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
<!--...-->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
Sumber tag : w3c
Itu lah kumpulan kode atau tag html. Dari tag html di atas ada yang udah gak support lagi di html 5. Selebih nya sama sama.
Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Mengenal Semua Kode Tag-tag HTML Serta Fungsinya "

Post a comment

ads

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel