PERHATIAN : Penulis Sekedar Berbagi Pengetahuan melalui tulisan ini. Kiranya bermanfaat Silahkan diBagikan, Namun Harus menyertakan Link sumber
Kunjungi Channel : = > YOUTUBE(Video Menarik), Jangan Lupa Subscribe/Langganan Untuk mendapatkan Video Menarik dan bermanfaat
Kunjungi Channel : = > YOUTUBE(Video Menarik), Jangan Lupa Subscribe/Langganan Untuk mendapatkan Video Menarik dan bermanfaat
Setelah kita tahu dari postingan sebelumnya bahwa Dasar Belajar Pemrogaman Web adalah HTML maka dari itu perlu kita ketahui dari atribut untuk belajar HTML yaitu berupa tag-tag HTML.
Okay Langsung saja 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.
|
Tambahan:
-<a href> Membuat link ke halaman lain atau ke bagian 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 text, warna link & visited link
-<br> Pindah baris
-<caption> Membuat caption pada tabel
-<center> Untuk perataan tengah terhadap teks atau gambar
-<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
-<dd> Indents teks
-<div>Represents different sections of text
- Menambahkan sound or file avi ke halaman web
-<fn> Seperti tag <a name>
-<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
-<form>Mendefinisikan input form
-<frame> Mendefinisikan frame
-<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
-<head> Mendefinisikan head document
-<hr>Membuat garis horizontal
-<html> Bararti dokumen html
-<i> Membuat teks miring
-<img> Image, imagemap atau an animation
-<input> Mendefinisikan input field pada form
-<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol>and <ul>)
-<map> Mendefinisikan client-side map
-<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
-<nobr> Mencegah ganti baris pada teks atau images
-<noframes> Jika browser user tidak mendukung frame
-<ol>Mendefinisikan awal dan akhir list
-<FORM>Option number 1<INPUT TYPE=”CHECKBOX”>
</FORM>untuk membuat check box
-<FORM><INPUT TYPE=”SUBMIT” VALUE=”Button Name”>
</FORM>untuk membuat tombol submit dengan nama yang kita inginkan
-<FORM><INPUT TYPE=”RESET” VALUE=”Another Button”>
</FORM>untuk membuat tombol reset dengan nama yang kita inginkan
-<p>Ganti paragraf
-<pre>Membuat teks dengan ukuran huruf yg sama
-<script> Mendefinisikan awal script
-<table> Membuat tabel
-<td> Kolom pada tabel
-<title> Mendefinisikan title
-<tr> Baris pada tabel
-<u> Membuat teks bergaris bawah
Demikianlah beberapa Tag-Tag HTML yang biasa digunakan dalam membuat web dengan HTML,
Semoga bermanfaat.
0 Komentar untuk "Kumpulan Tag-Tag HTML"