Tag HTML selalu diawali dengan < x > dan diakhiri
dengan </ x >, dimana x adalah tag html seperti b,i,u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan </ x> seperti
tag <br>, <input> dan lainya.
Berikut contoh penggunaan tag HTML
|
CONTOH
|
HASIL
|
|
<b>Ini tulisan tebal</b>
|
Ini tulisan tebal
|
|
<i>ini tulisan miring</i>
|
Ini tulisan miring
|
|
<u>ini tulisan bergaris bawah</u>
|
Ini tulisan bergaris bawah
|
|
Ini baris 1 <br>ini baris 2
|
Ini baris 1
|
|
|
Ini baris 2
|
|
Ini garis horizontal<hr>
|
 Ini garis horizontal |
Ada juga Tag yang mempunyai atribut seperti tag
<font>,<table>,<body>,<input> dan masih banyak lagi.
Sebagai contohnya tag <font> :
<font color=”blue” face=”arial “ size=”5”>Ini font berwarna biru dengan
ukuran 5pt</font>
Hasilnya : Ini font berwarna
biru dengan ukuran 5pt
Ket:
·
color :
menentukan warna text
·
Face : menentukan jenis huruf
·
Size :
menentukan ukuran huruf
Penulisan atribut tidak harus urut seperti contoh diatas
bisa dibolak balik misalkan <font size=”3” color=”blue” dst...
§ Daftar tag HTML dan Atribut
ü
<html> </html> : Baris paling atas
script HTML
ü
<head></head> : Informasi umum dari
sebuah halaman Web
ü
<title></title> : Judul Halaman Web,
terletak di dalam tah<head>
ü
<body></body> atributnya”background,bgcolor,bgsound,font,link,alink,vlink,topmargin,leftmargin,marginheight,margin
width : Setingan Atribut untuk seluruh document.
§ Modifikasi Teks
<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
§ Font
<font></font> color,size,name Mengubah
gaya suatu huruf.
§ Links
<a> </a> href,target,style,class,name,id Membuat link ke dokumen atau situs lainnya.
Contoh penulisanya < a href=”link
tujuan” target=”” Style=””>Link</a>
§ Gambar
Script Untuk menampilkan gambar
<img src=”lokasi file
gambar” border=”1” height=”50”
width=”50”>
Ket :
ü
Src lokasi
file gambar yang akan ditampilkan contoh “C:/gambar.jpeg”.
ü
Border ketebalan
garis tepi.
ü
Height tinggi
gambar yang diinginkan.
ü
Width lebar
gambar yang diinginkan
§
Formatting
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
<ol> </ol>
<blockquote></blockquote>
Digunakan untuk mengatur text dan gambar dalam suatu tag
<ol> </ol>
Ordered List
(digunakandengan <li>)
contoh : 1. Item 1
<ul> </ul>
Unordered List(digunakan dengan <li>)
contoh : • Item 1
<li>
contoh : 1. Item 1
<ul> </ul>
Unordered List(digunakan dengan <li>)
contoh : • Item 1
<li>
Elemen List
<dd> </dd>
<dd> </dd>
Definition List Sample text
<dt>
<dt>
Definition Term Sample text
<dd>
<dd>
Definition Description
Sample text
<p> </p>
<p> </p>
Paragraf
<br>
<br>
Ganti baris Sample
<hr>
<hr>
Garis horizontal
<center></center>
<center></center>
Menengahkan elemen Sample
§ Tabel
Ketika kita membuat table di
halaman website kita perhatikan contoh dibawah
<table></table> membuat
element table
<tr></tr> membuat baris baru
<td></td> membuat kolom untuk
record
<th></th> membuat kolom untuk
field
Contoh penggunaanya
<table border="1">
<tr><th>Nama</th><th>Alamat</th></tr>
<tr><td>Kirana</td><td>Kota
tengah</td></tr>
<tr><td>Maulana</td><td>Negeri
Katon</td>
</tr>
</table>
|
NAMA
|
ALAMAT
|
|
Kirana
|
Kota tengah
|
|
Maulana
|
Negeri Katon
|
§ Form
<form></form> mengatur elemen
form
<input type =”text” >
<input type=”password”>
<input type=”hidden>
digunakan untuk variable hidden ( tersembunyi )
<input type =”radio”>
<input type=”checkbox”>
<input type=”submit “
value =” Input “>
<input type =”reset”>
Dan masih banyak lagi, tapi kode seperti itu bagusnya kita
buat catatan saja jadi ketika kita lupa kita bisa membukanya kembali.
Post a Comment