Mengenal Tag - Tag HTML Dan Fungsinya |Blognya Mang-Obray Blognya-mangobray

Mengenal tag-tag HTML dan fungsinya

Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan ">" .
Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag penutup. Format umum tag HTML adalah :

<nama_tag> Teks yang akan ditampilkan </nama_tag>

Sebuah contoh, misalnya judul halaman ini menggunakan tag header :

Tag tersebut akan memberikan informasi kepada web browser untuk menampilkan teks "Apa itu tag HTML ?" dengan style header level 3. Tag HTML dapat menginstruksikan web browser untuk menebalkan sebuah teks (bold), menampilkan dengan format miring/italic, membuatnya sebagai sebuah header dengan level tertentu, atau membuatnya sebagai sebuah hyperlink ke halaman web yang lain.

Sebuah tag penutup </nama_tag> selalu diberikan karakter "/", yang berfungsi untuk memberhentikan proses tagging kepada web browser. Banyak tag HTML yang selalu berpasangan dengan cara seperti ini. Bila kita lupa memberikan tag penutup maka web browser akan menganggap bahwa tag tersebbut berlaku untuk keseluruhan dokumen dan hasil tampilan halaman web tersebut tidak seperti yang kita inginkan.

Penulisan tag-tag HTML tidak memperhatikan penggunaan huruf (case in-sensitive), apakah menggunakan huruf besar atau huruf kecil, akan menghasilkan tampilan yang sama.
Tidak seperti di bahasa pemrograman, kesalahan akibat peletakan atau penggunaan tag HTML tidak akan mengakibatkan sistem komputer menjadi hang atau rusak. Kesalahan tersebut hanya akan berakibat pada tampilan halaman web tersebut.
Web browser memang sengaja dirancang dengan kemampuan mengenali dan melaksanakan 'hanya' beberapa tag HTML dari keseluruhan tag standard W3C. Bila ada tag HTML yang tidak diketahui dalam halaman web yang sedang diproses, web browser akan mengabaikannya seakan-akan tag tersebut tidak ada.

Contoh : <tagsaya><h3>Apa itu tag HTML ? </h3></tagsaya>

Walaupun kita menambahkan "<tagsaya >" & "</tagsaya>" tetap akan menampilkan tampilan yang sama dengan <h3>Apa itu tag HTML ? </h3>. Jadi tag "<tagsaya>" dan "</tagsaya>" sama sekali diabaikan oleh web browser.

Contoh beberapa tag-tag HTML beserta Fungsinya :

Tag - Tag Html & Fungsinya
Tag HTML	FUNGSINYA
<html>...</html>	Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML
<head>...</head>	Kepala dari dokumen HTML
<body>...</body>	Tag untuk menampilkan isi dokumen HTML
<title>...</title>	Judul dari dokumen HTML yang ditampilkan pada judul jendela browser.
<br>	Tag untuk mengganti baris
<p>...</p>	Membuat paragraf
<h1>...</h1>	Header 1, untuk judul sebuah web
<h2>...</h2>	Header 2, sub judul sebuah web
<h3>...</h3>	Header 3, sub judul sebuah web
<h4>...</h4>	Header 4, sub judul sebuah web
<h5>...</h5>	Header 5, sub judul sebuah web
<h6>...</h6>	Header 6, sub judul sebuah web
<b>...</b>	Bold, tag html yang berfungsi untuk mempertebal teks
<i>...</i>	Italic, tag html yang berfungsi untuk membuat tampilan teks tercetak miring
<u>...</u>	Underline, tag html yang berfungsi untuk membuat tampilan teks tercetak garis bawah
<pre>...</pre>	Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor
<center>...</center>	Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah
<front>...</front>	Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf
<hr>	Tag html berfungsi untuk membuat suatu garis horizontal
<ol>...</ol>	Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka, huruf atau angka romawi.
<ui>...</ui>	Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
<li>...</li>	List Item, tag yang berada di elemen OL dan UL yang berbentuk list
<table>...</table>	Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan kolom
<caption>...</caption>	Tag yang berfungsi untuk membuat judul dari tabel
<tr>...</tr>	Table Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam tag TABLE
<td>...</td>	Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data
<img>	Tag html untuk menampilkan gambar
<a>...</a>	Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
<form>...</form>	Tag html berfungsi untuk mendefiniskan form interaktif
<input>...</input>	Tag html berfungsi untuk mendefinisikan input yang akan dimasukkan oleh pengguna
<select>...</select>	Tag html berfungsi untuk mendefinisikan opsi pilihan pada form kontrol
<option>...</option>	Tag html berfungsi untuk mendefinisikan opsi pilihan ppada menu SELECT
<textarea>...</textarea>	Tag html berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris
<frameset>...</frameset>	Tag html berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian
<frame>...</frame>	Tag html yang berfungsi untuk mendefiniskan fram yang terdapat dalam frameset

Mengenal Tag - Tag HTML Dan Fungsinya

Mengenal tag-tag HTML dan fungsinya

0 Response to "Mengenal Tag - Tag HTML Dan Fungsinya"

Kategori