Selasa, 28 Maret 2017

Macam Macam Tag HTML dan Fungsinya Lengkap

TAG HTML adalah kata kunci (nametag) yang berada di antara kurung sudut "<...>"

Apa sih Tag HTML itu ?

Seperti yang sudah saya bahas di atas Tag HTML adalah kata kunci yang berada di antara kurung sudut.
Tag html ini mempunyai format sebagai berikut :
<nametag>.........</nametag>
Jadi disetiap awalan tag HTML harus selalu ditutup dengan </...> ( Slash nametag )


Apa Fungsi Tag HTML ?

Fungsi Tag HTML adalah untuk membuat tampilan WEB yg kita buat menjadi lebih menarik, kebayangkan jika kita mendesign web tanpa menggunakan tag html, pasti akan keliatan membosankan, tulisan dimana-mana :v .

Apa Saja Macam Macam Tag HTML Beserta Fungsinya ?

Macam Macam Tag HTML beserta fungsinya lengkap akan saya bahas di bawah ini

Lets GO


TagKeterangan
<!-- ... -->Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser
<!DOCTYPE> Mendefinisikan informasi tipe dokumen 
<a>Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain 
<abbr>Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja
<acronym>Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
<address>Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
<applet>Digunakan untuk memasukan file java kedalam dokumen HTML
<area />Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
<b>Membuat teks tebal
<base />Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
<basefont />Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
<bdo>Digunakan untuk menimpa arah teks
<big>Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>Membuat teks berkedip
<blockquote>Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam 
<body>Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
<br />Memberi baris baru/pindah baris
<button>Mendefinisikan sebuah tombol diklik
<caption>Membuat caption pada tabel
<center>Untuk perataan tengah terhadap teks atau gambar 
<cite>Mendefinisikan kutipan
<code>Mendefinisikan sebuah bagian dari kode komputer
<col />Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel
<colgroup>Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
<dd>Mendefinisikan deskripsi dari item dalam daftar definisi
<del>Untuk memberi garis tengah pada teks/mencoret teks
<dfn>Mendefinisikan sebuah istilah definisi
<dir>Mendefinisikan sebuah daftar direktori
<div>Mendefinisikan sebuah section dalam dokumen 
<dl>Mendefinisikan sebuah daftar definisi
<dt>Mendefinisikan istilah (item) dalam daftar definisi
<em>Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed>Digunakan untuk memasukkan file video atau file musik
<fieldset>Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form
<font>Mendefinisikan jenis font, warna dan ukuran untuk teks
<form>Mendefinisikan sebuah form HTML untuk input form
<frame />Mendefinisikan frame dalam fremeset
<frameset>Mendefinisikan satu set frame
<h1> to <h6>Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
<head>Digunakan untuk memberikan informasi tentang dokumen tersebut
<hr />Membuat garis horisontal
<html>Mendefinisikan root dari suatu dokumen HTML
<i>Membuat teks miring
<iframe>Mendefinisikan sebuah inline frame
<img />Berfungsi untuk menampilkan gambar pada dokumen HTML
<input />Mendefinisikan input field pada form
<ins>Membuat teks bergaris bawah
<kbd>Mendefinisikan teks yang di input dari keyboard
<label>Mendefinisikan label untuk sebuah elemen <input>
<legend>Mendefinisikan sebuah caption untuk elemen <fieldset>
<li>Digunakan untuk menampilkan informasi dalam bentuk item daftar 
<link />Mendefinisikan hubungan antara dokumen dan sumber eksternalnya
<listing>Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes
<map>Mendefinisikan client-side peta gambar
<marquee> Membuat teks berjalan secara vertikal atau horisontal
<menu>Mendefinisikan sebuah daftar menu
<meta />Mendefinisikan metadata tentang sebuah dokumen HTML
<nobr>Mencegah ganti baris pada teks atau gambar
<noframes>Jika browser user tidak mendukung frame
<noscript>Jika browser user tidak mendukung client-side scripts
<object>meletakkan embed sebuah objek
<ol>Mendefinisikan daftar dalam format penomoran
<optgroup>Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
<option>Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p>Membuat sebuah paragraf
<param />Mendefinisikan sebuah parameter untuk objek
<pre>Membuat teks dengan ukuran huruf yang sama
<q>Mendefinisikan sebuah kutipan singkat
<s>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>
<samp>Mendefinisikan contoh keluaran dari program komputer
<script>Mendefinisikan client-side script
<select>Membuat daftar drop-down
<small>Memperkecil ukuran teks dari ukuran defaultnya
<span>Mendefinisikan sebuah section dalam dokumen 
<strike>Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>
<strong>Membuat teks tebal, fungsi tag ini sama dengan tag <b>
<style>Mendefinisikan informasi style untuk dokumen HTML
<sub>Memberikan efek subscript pada teks
<sup>Memberikan efek superscript pada teks
<table>Membuat tabel
<tbody>Untuk mengelompokkan isi body di dalam sebuah tabel
<td>Mendefinisikan sel di dalam sebuah tabel
<textarea>Mendefinisikan sebuah kontrol input multiline
<tfoot>Untuk mengelompokkan isi footer di dalam sebuah tabel
<th>Mendefinisikan sel header di dalam  sebuah tabel
<thead>Untuk mengelompokkan isi header di dalam sebuah tabel
<title>Membuat judul untuk dokumen HTML
<tr>Membuat baris di dalam sebuah tabel
<tt>Mendefinisikan teletype text
<u>Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style
<ul>Mendefinisikan daftar dalam format bullet
<var>Mendefinisikan sebuah variabel
<xmp>Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>

Tidak ada komentar:

Posting Komentar