Mahbub

Jenis Jenis Tag Kondisional dalam HTML dan Fungsinya. Tag Kondisional adalah kode HTML yang memberikan fungsi atau kegunaan yang mengkhusus dalam HTML yang dibungkusnya. Dengan memasang condisional tag atau tag kondisional, kita dapat mengatur dimanakah atau kapankah HTML akan muncul. Bergitulah kira kira kegunaan dari Tag Kondisional.

Ada berbagai macam Tag Kondisional yang terdapat di HTML. Tetapi tidak perlu menghafalkan keseluruhannya. Kalau kodenya dihafal pasti tidak akan ingat. Sebaiknya di pahami artinya. Karena kode HTML kebanyakan yang berbahasa inggris. Coba saja lihat beberapa condisional tag yang ada dibawah ini.

Jenis Jenis Tag Kondisional

Halaman Beranda Blog (Home Page)

Tag kondisional pada halaman beranda blog adalah sebagai berikut

<b:if cond='data:blog.url ==
data:blog.homepageUrl'>

Pengertian dari halaman beranda disini adalah URL halaman depan dari blog. Tanpa path/cabang seperti:
http://jonarendra.blogspot.com

Halaman Index

Untuk seluruh laman index pada blog condisional tag nya adalah

<b:if cond='data:blog.pageType ==
"index"'>

Halaman Post / Artikel

Jika ingin menampilkan elemen pada halaman posting saja, tag kondisional yang digunakan adalah seperti ini

<b:if
cond='data:blog.pageType == "item"'>

Contoh dari URL posting adalah begini
http://jonarendra.blogspot.com/2013/11/Jenis-Jenis-Tag-Kondisional.html

Halaman Statis

Halaman statis atau static page juga mempunyai kemiripan dengan posting. Biasanya sering disebut dengan Laman atau Page. Misalkan halaman statis pada blog ini seperti
http://jonarendra.blogspot.com/p/link.html
Elemen yang diatur dalam halaman statis dapat menggunakan tag kondisional, yaitu

<b:if cond='data:blog.pageType ==
"static_page"'>

Halaman Arsip

Archive atau arsip adalah halaman arsip pada tiap blog. Ini pun ada tag kondisional untuk mengatur elemen yang ada hubungannya dengan halaman arsip

<b:if
cond='data:blog.pageType == "archive"'>

Halaman URL Tertentu

Jika ingin membuat kondisi blog berbeda pada halaman di URL tertentu anda bisa menggunakan tag kondisional yang ini

<b:if
cond='data:blog.url == "URL TERTENTU"'>

Ganti saja URL TERTENTU dengan link anda

Halaman Post dan Statis

Ini berguna dan akan aktif pada halaman posting dan pages (static page)

<b:if cond='data:blog.pageType ==
"data:post.url"'>

Halaman Kesalahan / Error 404

Apabila ada link rusak, kesalahan perayapan ataupun link yang tidak ada dalam blog dicari pengunjung, akan tampil halaman Error 404. Untuk menambah CSS atau HTML pada halaman tersebut, gunakan tag seperti ini

<b:if
cond='data:blog.pageType == "error_page"'>

Blog Dalam Kondisi Mobile

Kondisi blog yang dibuka dalam ponsel / mobile pasti harusnya memiliki tampilan yang ringan untuk dimuat. Jadi, pakai tag kondisional berikut jika ingin mengatur halaman blog pada mobile

<b:if
cond='data:blog.isMobile'>

Halaman mobile ditandai dengan URL blog yang ditambahkan dengan ?m=1

Halaman Search Label

Tag kondisional juga ada yang berhubungan dengan halaman search label. Seperti berikut ini

<b:if
cond='data:blog.pageType == data:blog.searchLabel'>

Contoh link search label adalah
http://jonarendra.blogspot.com/search/label/Informasi

Halaman Pencarian Label Tertentu

Pencarian pada label tertentu pun mempunyai tag kondisional tersendiri.

<b:if
cond='data:blog.searchLabel == "LABEL"'>

Apabila anda ingin menampilkan atau tidak menampilkan suatu elemen pada halaman pencarian label tertentu, gunakan tag kondisional ini dengan mengganti LABEL dengan label yang diatur

Halaman Pencarian (Search Query)

Biasanya, kalau kita menggunakan search form untuk mencari sesuatu pada blog pasti kita dialihkan ke halaman dengan url begini
http://jonarendra.blogspot.com/search?q=
Jika anda ingin menambahkan sesuatu pada halaman pencarian / search gunakan tag kondisional berikut

<b:if
cond='data:blog.pageType == data:blog.searchQuery'>

Halaman Pencarian Kata Kunci Tertentu

Lebih spesifik lagi dari yang diatas, ini tag kondisional apabila pencarian pada kueri tertentu

<b:if
cond='data:blog.searchQuery == "KEYWORD"'>

Seperti contoh, saya ingin membuat halaman dengan CSS yang berbeda apabila ada pengunjung yang search dengan kata kunci 'blogger'. Maka, pasang tag kondisional seperti diatas dengan KEYWORD menjadi 'blogger'

Bagaimana? sudah lengkap belum Jenis Jenis Tag Kondisional yang saya berikan? Pastinya belum. Karena semuanya bisa dikembangkan lagi menjadi lebih spesifik/detail. Tetapi, apabila anda memiliki tag kondisional umum yang tidak saya buat diatas, silahkan kirim lewat komentar.

Kesimpulannya, Tag Kondisional adalah kode HTML yang digunakan untuk mengatur elemen tertentu pada blog untuk di tampilkan atau tidak ditampilkan pada halaman spesifik, serta pengaturan kondisi elemen tersebut.

SOURCE : http://raramanist.blogspot.co.id/2013/11/jenis-jenis-tag-kondisional-dalam-html.html

HTML pada umumnya memiliki berbagai kode yang digunakan untuk memanggil perintah pada HTML tersebut. Di bawah ini adalah beberapa jenis dan fungsi dari tag HTML yang bisa digunakan, yaitu :
 Memberi komentar atau keterangan.
<a href> Membuat link ke halaman lain dari halaman tersebut.
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama.
<applet> Sebagai awal dari Java applets.
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map.
<b> Membuat teks tebal.
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font.
<bgsound> Memberi (suara latar) background sound pada halaman web.
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya.
<blink> Membuat teks berkedip.
<body> Tag awal untuk melakukan berbagai pengaturan terhadap teks, warna link dan visited link.

<br> Untuk pindah baris.
<caption> Membuat caption pada tabel.
<center> Untuk perataan tengah terhadap teks atau gambar.
<comment> Meletakan komentar pada halaman web tidak akan nampak pada browser.
<dd> Indents teks.
<div> Represents differennt section of text.
<embed> Menambahkan sound atau file avi ke halaman web.
<fn> Seperti tag <a name>.
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks.
<form> Mendefinisikan input form.
<frame> Mendefinisikan frame.
<h1>...<h6> Untuk ukuran font.
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal.
<i> Membuat teks miring.
<img> Image, imagemap atau an animation.
<input> Mendefinisikan input field pada form.
<li> Membuat bullet point.
<marquee> Membuat teks berjalan.
<ol> Mendefinisikan awal dan akhir list.
<p> Ganti paragraf.
<pre> Membuat teks dengan ukuran huruf yang sama.
<table> Membuat tabel.
<td> Kolom pada tabel.
<tr> Baris pada tabel.
<u> Membuat teks bergaris bawah.

Contoh :

Hasil Tampilan :

Keteranagn :
- text=#000000 adalah warna untuk tulisan.
- bgcolor=##ff0009 adalah warna untuk background.
- align=center adalah posisi yang ingin di tempatkan.
- size=5 adalah besarnya garis.
- width=50% adalah panjangnya garis. - See more at: http://pendinr.blogspot.co.id/2013/02/jenis-jenis-tag-html.html#sthash.jtrItk3G.dpuf

SOURCE : http://pendinr.blogspot.co.id/2013/02/jenis-jenis-tag-html.html