Selasa, 24 April 2018

tag dan atribut dengan fungsinya


Tag
Merupakan suatu fungsi yang dapat merubah makna suatu konten atau isi
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                                                                                                        
                                                                                                                                                                                    
Atribut-atribut yang terdapat dalam Tag HTML
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
·         Tag <body> digunakan menampilkan desain layout halaman web. Tab <BODY> sendiri memiliki kelengkapan atribut di antaranya:
ü  BGCOLOR, berfungsi untuk menampilkan warna latar halaman
o   Contoh pemakaian :
o   <BODY BGCOLOR=RED> … </BODY>
ü  BACKGROUND, berfungsi untuk menentukan file gambar/image dijadikan sebagai background halaman.
o   Contoh :
o   <BODY BACKGROUND=”C:\data\latar.jpg”> … </BODY>
ü  TEXT, berfungsi untuk mengubah warna tulisan/teks dalam dokumen secara menyeluruh.
ü  LINK, berfungsi untuk menentukan warna link dalam dokumen yang belum pernah dikunjungi (belum pernah diklik)
ü  ALINK, berfungsi untuk menentukan warna link dalam dokumen yang aktif.
ü  VLINK, berfungsi untuk menentukan warna link dalam dokumen yang telah terkunjungi.

·   Tag <p>
Tag ini berfungsi untuk memformat paragraph/alinea. Adapun kelengkapan atribut-atribut dari tag ini adalah:
ü  ALIGN, yang berfungsi untuk menentukan perataan teks paragraph secara rata kiri (LEFT), rata kanan (RIGHT) atau rata tengah (CENTER).
Contoh pemakaian:
<P ALIGN=RIGHT>Ini adalah teks yang ditulis dalam paragraph dengan perataan
teks rata kanan</P>
·   Tag <hr>
Tag ini berfungsi untuk mendefinisikan garis horisontal dokumen.
Sedangkan atribut-atribut yang didukung meliputi:
ü  SIZE, untuk menentukan ketebalan garis (dalam ukuran piksel)
Contoh pemakaian :

<HR SIZE=2>

ü  COLOR, digunakan untuk menentukan warna garis. Warna garis dapat diisi dengan RED, GREEN, BLUE, YELLOW dll, atau dengan memanfaatkan warna dalam bentuk Hexadesimal seperti : #00FF00 untuk wana hijau, #FF0000 untuk warna merah dsb.
ü  WIDTH, digunakan untuk menentukan lebar garis (dalam satuan piksel atau persenatase). Contoh :

<HR WIDTH=450> atau
<HR WIDTH=80%>

ü  NOSHADE, untuk menghilangkan efek tiga dimensi garis.
Contoh pemakaian :

<HR NOSHADE>

·   Tag <hn>, dimana n=1,2,3,4,5,6
Berfungsi untuk mendefinisikan header (kepala/judul) dokumen.
Atribut-atribut yang dimiliki yaitu:

ü  ALIGN, yang digunakan untuk menentukan perataan teks header terhadap dokumen. Nilainya yaitu: LEFT, CENTER dan RIGHT.

·   Tag <font>, untuk memformat font digunakan tag <FONT>, adapun yang dipengaruhi oleh tag ini meliputi ukuran, jenis dan warna font. Atribut-atribut yang dapat dipakai untuk mengatur ketiga hal tersebut yaitu :
ü  SIZE, digunakan untuk menentukan ukuran font.
ü  COLOR, digunakan untuk menentukan warna font.
ü  FACE, digunakan untuk menentukan jenis atau bentuk font. Misal jenis font
ü  dapat dipakai yaitu : Arial, Verdana, Times New Romans, Courier dll.

·   Tag <img> digunakan untuk menampilkan gambar, berikut merupakan atribut dari tag <img> :

ü  SRC, yang berfungsi untuk menentukan lokasi direktori gambar. Contoh
ü  pemakaiannya :
ü  ALT, yang berfungsi untuk menentukan keterangan gambar jika gambar gagal
ü  tampil.
ü  WIDTH, yang berfungsi untuk menentukan lebar gambar (dalam satuan pixel)
ü  HEIGHT, yang berfungsi untuk menentukan tinggi gambar (dalam satuan pixel).
ü  BORDER, yang berfungsi untuk menentukan ketebalan bingkai gambar.
ü  ALIGN, untuk menentukan perataan gambar terhadap dokumen. (Nilainya :
ü  LEFT dan RIGHT).

·   Tag <a> digunakan untuk mendefinisikan link, berikut merupakan atributnya :

ü  HREF, digunakan untuk menentukan lokasi tujuan dari yang ditunjuk oleh link.
Alamat tujuannya dapat berupa path-direktori atau alamat URL.
Contoh penggunaan :
<A HREF=”http://www.yahoo.co.id”>Yahoo Indonesia</A>
ü  NAME, digunakan untuk mendefinisikan anchor (Keterangan: Anchor adalah satu bagian dari dokumen yang ditandai untuk dijadikan sebagai tujuan dari link). Untuk mendefinisikan link yang menuju alamat anchor digunakan symbol
karakter ‘#’. Contoh : Seumpama didefinisikan sebuah anchor dengan nama
“pertama” pada halaman “dokumen.html”.
·   Tag <table> digunakan untuk memmbuat table  di dalam HTML, berikut merupakan atribunya :
ü  BORDER, digunakan untuk menentukan ketebalan bingkai table.
ü  BGCOLOR, digunakan untuk menentukan warna latar table/baris/sel.
ü  BACKGROUND, digunakan untuk menentukan file gambar dijadikan sebagai latar table/baris/sel.
ü  ALIGN, berfungsi untuk menentukan perataan table secara horisontal terhadap dokumen atau perataan teks pada baris atau sel secara horisontal.
ü  VALIGN, berfungsi untuk menentukan perataan secara vertical terhadap teks pada baris dan sel.
ü  WIDTH, digunakan untuk menentukan lebar table/sel (dalam satuan pixel atau persentase)
ü  HEIGHT, digunakan untuk menentukan tinggi table atau baris (dalam satuan pixel atau persentase)
ü  CELLPADDING, berfungsi untuk menentukan kerapatan teks dengan bingkai table.
ü  CELLSPACING, berfungsi untuk menentukan kerapatan antar sel.
ü  ROWSPAN, berfungsi untuk menggabungkan beberapa sel baris menjadi satu sel.
ü  COLSPAN, berfungsi untuk menggabungkan beberapa sel kolom menjadi satu sel.

·   Tag <form> berfungsi sebagai obyek penampung (container) bagi obyek-obyek lainnya. Atribut-atribut yang dimiliki FORM adalah sebagai berikut:
ü  NAME, berfungsi untuk mendefinisikan nama obyek form.
ü  METHOD, dipergunakan untuk menentukan cara pengolahan data yang
inputkan dalam form.
ü  ACTION, digunakan untuk menentukan lokasi/alamat file (program server)
yang akan mengolah data isian form. Nilai yang dapat diisikan meliputi :
POST dan GET.
·   Obyek <SELECT> merupakan komponen FORM yang berbentuk daftar pilihan menyerupai COMBOBOX dan LISTBOX. Atribut-atribut yang dimiliki di antaranya yaitu :
ü  NAME, digunakan untuk memberi identitas pada obyek SELECT.
ü  SIZE, digunakan untuk menentukan jumlah item pilihan yang ditampilkan pada obyek.
ü  MULTIPLE, digunakan untuk menentukan item pilihan dapat dipilih lebih dari satu.
·   Untuk mendefinisikan item-item pilihan pada komponen SELECT digunakan tag <OPTION>, dimana tag ini memiliki kelengkapan atribut seperti berikut ini :
ü  VALUE, digunakan untuk menentukan identitas tiap item dalam komponen.
ü  SELECTED, digunakan untuk menentukan item yang terpilih secara default.
·   Tag <INPUT> memiliki berbagai macam atribut yang dapat digunakan menentukan bentuk-bentuk input:
ü  NAME, berfungsi untuk menentukan nama obyek input
ü  TYPE, berfungsi untuk menentukan jenis input, nilai yang dapat
dipasangkan yaitu:
    • TEXT, digunakan untuk menentukan bentuk kotak teks satu baris.
o   PASSWORD, digunakan untuk menentukan bentuk input kotak password.
    • RADIO, digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang dapat pilih hanya satu item saja.
    • CHECKBOX, digunakan untuk menentukan bentuk input daftar pilihan, dimana item yang dapat dipilih bisa lebih dari satu item.
    • SUBMIT, digunakan untuk menentukan bentuk input tombol yang memiliki fungsi untuk memicu data dalam form diproses.
    • RESET, digunakan untuk menentukan bentuk input tombol yang memiliki fungsi data dalam form akan direset.
    • BUTTON, digunakan untuk menampillkan bentuk input tombol yang mana fungsi tombol tersebut belum ditentukan.
    • HIDDEN, untuk menentukan bentuk input tersembunyi (tidak ditampilkan secara eksplisit dalam dokumen)

ü  VALUE,
    • untuk jenis input TEXT dan PASSWORD
digunakan untuk menentukan nilai dalam kotak teks
    • untuk jenis input RADIO dan CHECKBOX
berfungsi untuk memberi identitas tiap pilihan item
o   untuk jenis item SUBMIT, RESET dan BUTTON
berfungsi untuk menentukan judul tombol.

ü  SIZE (hanya untuk tipe input TEXT dan PASSWORD)
Berfungsi untuk menentukan ukuran lebar kotak teks.
ü  MAXLENGTH (hanya untuk tipe input TEXT dan PASSWORD)
Berfungsi untuk menentukan kapasitas maksimal teks yang dapat
Diinputkan

ü  CHECKED (hanya untuk tipe input RADIO dan CHECKBOX)
Berfungsi untuk memberi tanda terhadap item yang terpilih secara default.

Tidak ada komentar:

Posting Komentar

tag dan atribut dengan fungsinya

Tag Merupakan suatu fungsi yang dapat merubah makna suatu konten atau isi Nama Tag Keterangan / Kegunaan B...