Seperti halnya kita ketahui bahwa HTML atau HyperText
Markup Language adalah sebuah bahasa pemrograman yang digunakan oleh
website-website di internet, sehingga website tersebut dapat kita lihat sebagai
suatu informasi karena aplikasi browser
telah menterjemahkan kode-kode HTML tersebut menjadi bentuk sekumpulan
informasi yang dapat kita lihat yang dapat berupa gambar maupun Teks.
Oleh
karena itu, bagi orang-orang yang berkecimpung di dunia website, blog, dsb
tentunya harus memahami penggunaan kode HTML tersebut. Karena dengan begitu,
jika terjadi eror dalam website yang kita kelola, kita mampu memperbaiki nya
sendiri. Selain itu, dengan kita memahami penggunaan kode kode HTML, kita akan
mudah mengoptimalkan website yang kita kelola sehingga dapat berjalan optimal.
nah, dalam rangka memahami kode HTML tersebut, dalam postingan ini di sediakan
Daftar Tag HTML yang biasa di gunakan.
Berikut ini adalah daftar Tag Pada Kode HTML yang biasanya sering di gunakan
Tag
Utama
Tag
|
Atribut
|
Deskripsi
|
<html></html>
|
Baris paling atas dari setiap file
HTML
|
|
<head></head>
|
Informasi umum dari sebuah halaman
web
|
|
<title></title>
|
Judul halaman. Terdapat pada head
|
|
<body></body>
|
Background, bgcolor, bgsound,
font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
|
Settingan atribut untuk seluruh
dokumen
|
Modifikasi
Teks
Tag
|
Deskripsi
|
Contoh
|
<b></b>
|
Teks tebal
|
Teks tebal
|
<i> </i>
|
Teks miring
|
Teks miring
|
<u> </u>
|
Teks garis bawah
|
Teks garis bawah
|
<h1></h1>
|
Header 1
|
Header 1
|
<h2></h2>
|
Header 2
|
Header
2
|
<h3> </h3>
|
Header 3
|
Header
3
|
<h4></h4>
|
Header 4
|
Header
4
|
<h5></h5>
|
Header 5
|
Header
5
|
<h6></h6>
|
Header 6
|
Header
6
|
<sub></sub>
|
Subscript
|
Subscript
|
<sup></sup>
|
Superscript
|
Superscript
|
Font
Tag
|
Atribut
|
Deskripsi
|
<font></font>
|
Color, size, name
|
Mengubah gaya suatu huruf
|
Links
Tag
|
Atribut
|
Deskripsi
|
<a> </a>
|
Href, target, style, class, name,
id
|
Membuat link ke dokumen atau situs
lainnya
|
Gambar
Tag
|
Atribut
|
Deskripsi
|
<img>
|
Src, alt, name, border, height,
width
|
Menampilkan sebuah gambar
|
Formatting
Tag
|
Deskripsi
|
Contoh
|
<blockquote></blockquote>
|
Digunakan untuk mengatur text dan
gambar dalam suatu tag
|
Contoh text in a block quote
format ( “ “ )
|
<ol></ol>
|
Ordered List (digunakan dengan
<li>)
|
1. Item 1
|
<ul></ul>
|
Unordered List (digunakan dengan
<li>)
|
• Item 1
|
<li>
|
Elemen List
|
|
<dd></dd>
|
Definition List
|
|
<dt>
|
Definition Term
|
|
<dd>
|
Definition Description
|
|
<p></p>
|
Paragraf
|
|
<br>
|
Ganti baris
|
|
<hr>
|
Garis horizonta
|
|
<center></center>
|
Menengahkan elemen
|
Tabel
Tag
|
Deskripsi
|
Contoh
|
<table></table>
|
Border, cellpadding, cellspacing,
width, height, name, id, title, bgcolor, background, align, valign
|
Mengatur semua elemen table
|
<tr></tr>
|
Height, bgcolor, background,
align, valign, title
|
Membuat baris baru
|
<td></td>
|
Height, width, bgcolor,
background, align, valign, title, colspan, rowspan
|
Membuat kolom
|
<th></th>
|
Height, width, bgcolor,
background, align, valign, title, colspan, rowspan
|
Header(kepala tabel). Otomatis ke
tengah dan tebal
|
<tbody></tbody>
|
Height, width, align, valign,
bgcolor, background
|
Format yang berlaku bagi cell yang
diapit tag
|
<colgroup></colgroup>
|
Height, width, align, valign,
bgcolor, background, colspan
|
Format yang berlaku bagi kolom
|
Form
Tag
|
Deskripsi
|
Contoh
|
<form></form>
|
Method, action, name, enctype
|
Mengatur elemen dari form
|
<input type=>
|
Text, password, hidden, radio,
checkbox, submit, image, reset
|
Variasi dari tipe elemen input
dalam form
|
<select></select>
|
Name, size
|
Membuat combo-box. Digunakan bersama
dengan option
|
<option>
|
Selected, name, value
|
|
<textarea></textarea>
|
Name, rows, cols, wrap
|
Membuat Text Area untuk input text
dengan length yang lebih besar dari input text.
|
itulah beberapa tag HTML yang biasa digunakan sehari-hari.
Semoga bermanfaat.
#salam terhangat dari Mr.DHI
ane belajar ini kalau ane butuh gan, itu lebih mantap. kalau cuma baca, pas ga ada masalah malah bingung gan. :D
ReplyDeleteWoww Komplit Mastah Dadi Heryana Saya Bookmark Yach Biar Gak Susah Jika Ingin Balik Memperlajri Kode HTML diatas,
ReplyDeletewaduh, nggak usah panggil mastath juga kali gan. :) saya juga nggak belum begitu paham tentang kode-kode. saya hanya share info yang saya punya. hehe
Deletesaya buta masalah kode, itu kode vital ya sob...
ReplyDeletewaduuuhh... top markotop dah.. .:D
ReplyDeletelengkap sekali Gan.
ReplyDeletesngat membantu.
terimakasih Gan, sukses selalu.
berkunjung lagi... :D
ReplyDeletewuiiihhh lengkap :D
ReplyDeleteSaya juga masih seb tentang kode-kode begini, makasih sharingnya, mantep:)
ReplyDeletewah perlu di bookmark nih , pasti penting ini makasih ya gan
ReplyDeletewah.. masih blum ada post terbaru nih ??
ReplyDeletesimple dan mudah di pahami. html memang tidak serumit yang dibayangkan! mantap kawan
ReplyDeletewahh lengkap nii listnya.. jadi gampang nguliknya nii..
ReplyDeletemakasii infonya kang ;)
makasih sob sdh berbagi.. happy blogging *smile
ReplyDeleteSaya ngk hpal blas slm ini...untung diingetin...hehe
ReplyDeleteternyata ada kamusnya, tak save ajalah. nanti siapa tau berguna
ReplyDeletebedanya < html >.... dengan < HTML >.... apa ya sob ?
ReplyDeletesetahu saya nggak ada bedanya alias sama aja. karena HTML tidak case sensitive, artinya tidak mempermasalahkan hauruf besar atau kecil. lain halnya dengan kode CSS yang bersifat Case Sensitive.
DeleteWah lengkap bener sebagian ane belum hafal gan oh ya request dong untuk css.. makasih. Jgn lupa mampir ya.
ReplyDeletekita sering menggunakan kode2 diatas,namun kadang tidak semua kode tau nama,arti dan fungsinya.
ReplyDeletemakasih sharenya sob,salam sukses.
wew mantap gan, dasar tapu berguna :D
ReplyDeleteebook vb udh ada gan
owh,ini tho fungsi fungsi kata kata itu.....walah, lumayan lah...dapat ilmu baru.
ReplyDeletekunjungan pertama dan salam kenal
masuk lagi sob... :D hehehehe
ReplyDeletekunjungan perdanan sobat :) sambil baca2
ReplyDeletevisit n koment back y dblogq :)
skalian follow blogq y nnti saya folback
komplit sob, izin simpan ya
ReplyDeletemakasih sob, ijin dikopy ya!
ReplyDeleteMari berkunjung kalau ada waktu
ReplyDeleteuntuk meramaikan blog.
ada tutorial css gak?
ReplyDeleteSalam..
ReplyDeletekalo saya yang masih bingung itu fungsi h1 dan h2 yang katanya sangat dominan sekali mempengaruhi SEO sebuah website
ReplyDeletebetul bang,, karena mesin pencari dalam melakukan pencarian nya itu akan mencari tag h1 dan h2 dulu sebelum ke yang lain. karena h1 dan h2 itu merupakan judul dari suatu website atau artikel.!!! sehingga kalau judul nya udah relevan dengan pencarian, kemungkinan artikel akan di masukan ke SERP.!!
Deletelengkap banget gan
ReplyDeleteback yah
keren dan lengkap gam
ReplyDeletecomeback yah
makasih mas, buat bahan belajar
ReplyDeletewowow...lengkap banget gan, makasih yah...
ReplyDeletekodenya keren sob...
ReplyDeletehttp://cilisoten.yu.tl/kumpulan-kode-warna-html.xhtml
kami ingin berbagi cerita kepada anda semua bahwa saya yg dulu pekerjaannya cuma tukan smir sepatu pendapatan setiap hari tidak seberapa anak empat istri suda satu tahun menderita kesakitan biaya pengobatan tidak mampu kebetulan saya buka internet saya dapat nomornya KI JAGAD kami lansung hubungi minta bantuan nomor ghoip hasil retual KI JAGAD 4d nya,yaitu .{7702}.benar2 jitu 100% keluarga kami sangat bersukur berkat bantuan angka ghoip hasil retual KI JAGAD sekali lagi terima kasih banyak KI JAGAD SAMUDRO keluarga kami, berhutan budi sama AKI bagi teman teman yang kesulitan ekonomi hubungi lansung KI JAGAD SAMUDRO di nomor ; 0853_2888_0168 AKI akan memberikan angka ghoip 100% tembus ???
ReplyDeleteSangat membantu
ReplyDeleteteramat sangat membantu.
ReplyDeleteTerimakasih, ini sangat membantu!
ReplyDeletemksh sangat bermanfaat
ReplyDeletematur nuwun sudah share ilmunya boss. sukses selalu
ReplyDeleteThanks artikelnya
ReplyDeleteKomplit om
ReplyDeleteSangat membantu sekali bagi saya seorang pemula...
ReplyDeleteSangat bermanfaat sekali
Semangat upload artikel terbarunya
Saya Destika Meldya U.
Kunjungi juga website kampus kami untuk saling mendukung https://www.atmaluhur.ac.id/
Best casino games | DrmCD
ReplyDeleteBest casino 성남 출장안마 games 거제 출장마사지 · 1. Roulette. 3. 수원 출장안마 Slots · 2. Table 안동 출장마사지 Games · 3. 의왕 출장안마 Video Poker · 4. Live Casino · 5. Blackjack.