Haloo sobat seripu... Tag Pada HTML merupakan artikel pertama pada blog ini, nah disini saya akan memberikan contoh tag dalam html beserta fungsinya juga loo, sebelum meluncur ke topik alangkah baiknya kita mengenal dulu apa sih itu Tag? Sebagai bahasa markup, HTML membutuhkan cara untuk memberitahu web browser
bagaimana suatu text ditampilkan. Apakah text itu ditulis sebagai sebuah
paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag.Hampir semua tag dalam HTML ditulis secara berpasangan, tag pembuka dan tag penutup,
dimana objek yang dikenai perintah tag berada di antara tag pembuka dan
tag penutup. Objek disini dapat berupa text, gambar, maupun video.
Penulisan tag berada di antara dua kurung siku.
Format Penulisan Tag Pada HTML :
<opentag>object</closetag>Penjelasan tag :
<tag> : tag pembuka digunakan untuk memulai perintah contohnya <b></tag> : tag penutup dugunakan untuk mengakhiri perintah, tag ini diawali dengan tanda "/" contohnya seperti </b>
objek : suatu objek yang akan dikenai perintah tag misalkan <b> ini judul </b> maka text "ini judul" akan bercetak tebal sesuai dengan penrintah <b> yang berfungsi membuat teks tebal. Untuk lebih banyak mengenal tag yang terdapat pada html saya akan bagikan dibawah ini...
Tag Pada HTML Beserta Fungsinya
Tag
|
Keterangan
|
<!-- ... -->
|
Digunakan untuk memberi sebuah
komentar atau keterangan. Kalimat yangterletak pada kontiner ini tidak akan
terlihat pada browser
|
<!DOCTYPE>
|
Mendefinisikan informasi tipe
dokumen
|
<a>
|
Mendefinisikan sebuah anchor,
tetapi lebih tepat jika diartikan sebagaitautan dikarenakan tautan ini
digunakan untuk saling menautkan antara satudokumen HTML ke dokumen HTML yang
lain
|
<abbr>
|
Digunakan untuk menguraikan satu
ungkapan yang disingkat dan Andadapat memberikan informasi bermanfaat kepada
penelusur-penulusur pagesource(halaman sumber kode) / pembaca layar, sistem
terjemahan danmesin pencari yang berasal dari singkatan yang sudah diuraikan,
tetapi saatdi 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 semuateks 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 akantampil menjorok kedalam
|
<body>
|
Mendefinisikan body/isi dokumen
HTML, berfungsi untuk menentukanbagaimana isi suatu dokumen ditampilkan di
web browsernya. Isi dokumentersebut 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 untukperformatan
|
<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 dokumenHTML 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 bentuksebuah daftar drop-down
|
<option>
|
Menampilkan beberapa pilihan yang
berbentuk dalam sebuah daftar dropdown
|
<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 samadengan tag <del> tetapi tag
<s> tidak dianjurkan sebagai gantinyamenggunakan 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 samadengan 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> tetapitag <u> tidak
dianjurkan untuk kategori HTML text formatting melainkantermasuk kategori
HTML Style
|
<ul>
|
Mendefinisikan daftar dalam format
bullet
|
<var>
|
Mendefinisikan sebuah variabel
|
<xmp>
|
Mendefinisikan preformatted text,
fungsi tag ini sama dengan tag <pre>
|
2 komentar
Click here for komentarnice post gan jadi paham ane tentang cara penulisannya
Replysip gan...silahkan kunjungi lagi yaa ^_^
ReplyConversionConversion EmoticonEmoticon