Definisi dan Daftar Tag/Kode HTML
Definisi HTML :
HTML sendiri merupkan bahasa pemrograman yg digunkan untuk membuat sebuah hlaman website dan menampilkan isi yang ada di dalamnya melalui browser internet.
HTML berupa kode2 yg menginstruksikan browser untuk menampilkan halaman web yg diinginkan.
Misalnya Anda ingin melihat kode2 HTML yang ada dlm website ini, maka Anda tinggal menekan tombol Ctrl + U melalui keyboard Anda, dan itulah tag - tag HTML (kode - kode HTML) yang ada dalam website Nurwahidin.com ini. Website yg Anda lihat tersebut dibangun dari tag/kode yg mungkin menurut saya kalau dilihat pusing, ga bisa terbaca apa isinya, tapi setelah ditampilkan melalui browser, tag - tag tersebut dapat terbaca dengan menampilkan tulisan dan gambar. Pokoknya intinya scra gmpang sperti itu.
Definisi Tag HTML :
Tag HTML sendiri merupakan teks biasa yang menjadi instruksi - instruksi tertentu dalam sebuah website. Instruksi itu berupa teks yang terletak di dalam tag kontainer / diapit kontainer (<) dan (>).. Contoh :
<html> sebagai tanda awal HTML.
<head> sebagai instruksi page header.
dan tag - tag tersebut selalu diakhiri dengan instruksi penutup. Instruksi penutup memiliki perbedaan, yaitu terdapat tambahan dalam tag kontainer yang mengapit, diapit oleh (</) dan (>).
maka penutup tag diatas tadi adalah
</head>
</html>
</html>
Penutup untuk HEAD harus ditulis lebih dulu, karena HEAD harus ditutup lebih dulu, sedangkan HTML ditutup setelahnya.
Berikut ini saya post dftar kode HTML yg mgkin bisa membantu user blogger, wordpress, dsb dalam mengedit HTML-Source sitenya...
TAG UTAMA dalam WEBSITE
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
|
TAG 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
|
<pre></pre>
|
Preformatted teks
|
Contoh teks
|
<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
|
MENGATUR FONT
Tag
|
Atribut
|
Deskripsi
| ||
<font></font>
|
|
Mengubah gaya suatu huruf
|
MEMBUAT HYPERLINK
Tag
|
Atribut
|
Deskripsi
|
<a> </a>
|
Href, target, style, class, name, id
|
Membuat link ke dokumen atau situs lainnya
|
MENAMPILKAN GAMBAR
Tag
|
Atribut
|
Deskripsi
|
<img>
|
Src, alt, name, border, height, width
|
Menampilkan sebuah gambar
|
MEMFORMAT ISI
<blockquote></blockquote>
|
Digunakan untuk mengatur text dan gambar dalam suatu tag
|
Contoh text in a block quote format ( “ “ )
|
<ol></ol>
|
Ordered List (digunakan dengan
|
1. Item 1
|
<ul></ul>
|
Unordered List (digunakan dengan
|
• 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
|
PENGATUR 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
|
PENGATUR 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.
|
wrap
|
Off
virtual
physical
|
no wrap
word wrap, sent as one line
word wrap, sent with breaks
|
No comments