Daftar Lengkap Kode-Kode HTML

Share this article on :

Apa itu Html? HTML singkatan dari Hyper Text Markup Language, dalam arti umum, sebuah web adalah sebuah dokumen HTML, yang mana sebuah HTML itu sendiri merupakan bahasa yang menggunakaan tanda-tanda tertentu(Tag) untuk menyatakan kode-kode yang harus diterjemahkan oleh Browser, agar halaman dapat di tampilkan secara benar.

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 horizontal
<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 Daftar Lengkap Kode-Kode HTML yang dapat digunakan sehari-hari di blog atau website sobat. semoga bermanfaat :D



TAG : Daftar kode-kode HTML, kumpulan kode HTML terlengkap, belajar kode HTML,pengertian kode HTML/Javascript, hyper text markup language

Related Post

Ditulis Oleh : nanda zulvi rahman

Nanda Zulvi Rahman Artikel Daftar Lengkap Kode-Kode HTML ini ditulis oleh nanda zulvi rahman pada hari Saturday, June 22, 2013 pukul 2:41 PM. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Daftar Lengkap Kode-Kode HTML dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Sobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

20 comments on Daftar Lengkap Kode-Kode HTML :

Blog SEO Tutorial said... Reply comment Tuesday, 25 June, 2013

wah sangat membantu gan buat pemula seperti saya, sekali lagi terima kasih gan tipsnya.

nanda zulvi rahman said... Reply comment Tuesday, 25 June, 2013

iya gan,, thanks atas kunjungan dan komentarnya ya gan..

Slamet Fadli said... Reply comment Thursday, 25 July, 2013

mantap, ditunggu kunbalnya :D

nanda zulvi rahman said... Reply comment Thursday, 25 July, 2013

@Slamet Fadli_Okeh gan,, terimakasih atas kunjungannya :)

pulung riswanto said... Reply comment Wednesday, 27 November, 2013

wah komplit sob kodenya...
slam sukses
http://cilisoten.yu.tl/kumpulan-kode-warna-html.xhtml

Anonymous said... Reply comment Wednesday, 22 January, 2014

Dimana kode HTML untuk lagu & Video ny

Ryon Natalius said... Reply comment Thursday, 03 July, 2014

Terimakasi mas sangat membantu, btw bisa tukar link??

Razer Gamers said... Reply comment Friday, 18 July, 2014

keren
http://andayangterbaik.blogspot.com/

Anonymous said... Reply comment Wednesday, 12 November, 2014

kurang lengkap gan, div dll belom ada

silent said... Reply comment Wednesday, 11 February, 2015

Mau dapat gem Clash of Clans, diamond get rich, diamond hay day, dan semua yg ada di google play atau steam wallet dengan mudah tanpa survey,root,hack? Caranya ini ya

1.Download aplikasi Whaff di smartphone anda, https://play."google.com/store/apps/details?id=com.whaff.whaff (hapus "nya)

2.Instal, dan buka aplikasi tersebut

3.Login dengan meggunakan akun facebook.

4.Masukan kode invitation berikut AF98116 Download dan mainkan aplikasi yang tersedia untuk mendapatkan dolar secara gratis.

5.Kumpulkan hingga saldo anda mencapai $12

6.Tukarkan saldo tersebut dengan Google Play Gift Cards(bisa buat stiker line,Clash of Clans,get rich,semua game di playstore), dll.

7.Redeem kodenya di playstore (domisili harus United States)

8.Nikmati hasil jerih payah agan :)

Jangan lupa share lagi tips dan trick yg berguna ini ya. Gua sendiri udah 7 kali payout. Banyak yg bilang kodenya premium jangan langsung percaya.

~Jangan terlalu cepat menyerah, semangat~

bekti saputri said... Reply comment Saturday, 21 November, 2015

Gan ituu nulis kodenya dibelakang setelah kata yg mau diedit atau didepannya ya !?

bekti saputri said... Reply comment Saturday, 21 November, 2015

makasi gan bisa belajar dari sini kode HTML nya kompliiit.

•Xavier• said... Reply comment Sunday, 19 June, 2016

Thx ya gan...

Diksi Surbakti said... Reply comment Thursday, 01 December, 2016

sangat membantu, trimakasih..

hajri99 said... Reply comment Wednesday, 14 December, 2016

kurang lengkap ada gak yang versi lengkapnya ka ?

ari yanto said... Reply comment Monday, 26 December, 2016

sangat mudah dipahami gan, trus update
jangan lupa mampir di My blog

Mas Day said... Reply comment Sunday, 19 February, 2017

Trimakasih gan, ini bisa memotivasi diri saya saya untuk berkarya :-)

Anam 83 said... Reply comment Monday, 20 February, 2017

makasih bang atas info lengkapnya

muhamad ridwan said... Reply comment Saturday, 04 March, 2017

ikut copas ya gan...:)

To Varel Noure said... Reply comment Tuesday, 11 July, 2017

Pake macromedia dreamweaver 8 aja

Jangan malu untuk meninggalkan komentar, kritik dan saran anda. berkomentarlah dengan baik, sopan, sesuai dgn isi postingan dan dengan bahasa Indonesia yang benar. No link aktif. no spam!

 

FOLLOW ADMIN ON INSTAGRAM


Recent Comment

:: Get this Widget here! ::

Friends Link

YOU'RE NEXT HERE!
Mau link anda dipasang disini juga? lihat persyaratan tukar link disini

SITE INFO


JOIN US ON FACEBOOK AND GET UPDATE! close

Get this widgethere