Apa kabar sahabat Kofintobungku? hehehe :D masih seputar HTML.. artikel kali ini adalah sambungan dari artikel sebelumnya Pengenalan Struktur HTML. olehnya itu artikel ini saya beri judul Pengenalan Struktur HTML / Tag HTML Part II hehehehe :D
okay langsung saja. beberapa Tag HTML yang sering digunakan dalam membangun sebuah web :
1. Tag <div>
Tag ini digunakan untuk mendefinisikan bagian dari suatu halaman dengan format atau style tertentu.2. Tag <center>
digunakan untuk menengahkan suatu teks halaman atau biasa kita sebut rata tengah. hehehehe :D3. Tag <img>
Tag ini digunakan untuk menampilkan gambar. contoh penggunaannya sebagai berikut :<img src="doraemon.jpg" />
"doraemon.jpg" adalah nama gambar. jika gambar yg akan kita tampilkan berada pada sebuah folder, maka
penulisanya kodenya seperti ini :
<img src="nama foldet/nama gambar.jpg">
begitu jg jika gambar tersebut berada pada suatu halaman web.
4. Tag <li>, <ol> dan <ul>
Tag ini digunakan untuk menampilkan simbol data secara berurut. simbol tersebut seperti bullet dan nomor.untuk membuat urutan nomor diawali dengan Tag <ol> sedangkan untuk simbol bullet diawali dengan Tag <ul>
contoh penggunaannya :
<html>
<ol>
<li>nomor satu</li>
<li>nomor dua</li>
<li>nomor tiga</li>
<li>nomor empat</li>
</ol>
<ul>
<li>bullet pertama</li>
<li>bullet kedua</li>
<li>bullet ketiga</li>
<li>bullet keempat</li>
</ul>
</html>
5. Tag <link>
Tag ini digunakan untuk mendefinisikan hubungan antara halaman web yang dibuat. biasanya tag ini digunakanketika web menggunakan file css. contoh penggunaannya sebagai berikut :
<head>
<link rel="stylesheet" type="text/css" href="cssku.css" />
</head>
6. Tag <hr>
digunakan untuk membuat garis horizontal. contoh penggunaan :<p>contoh garis horizontal</p>
<hr />
7. Tag <sub> dan <sup>
Tag <sub> digunakan untuk membuat text subscript. seperti dalam penulisan H2O, maka penulisan scriptnya :H<sub>2</sub>O
sendangkan Tag <sup> digunakan untuk menulis rumus atau tanda pangkat bilangan contoh scriptnya :
M<sup>3</sup>
8. Tag <table>, Tag <tr> dan Tag <td>
Tag ini digunakan untuk menbuat Tabel dalam HTML. selain untuk membuat tampilan tabel seperti pada umumnya,elemen ini juga sering digunakan untuk membuat layout tampilan sebuah halaman web. penggunaan Tag ini
disertai dengan atribut-atribut lain seperti : align, border, cellpading, cellspacing, bgcolor dan width.
Tag <tr> digunakan untuk membuat baris dalam sebuah tabel sedangkan Tag <td> digunakan untuk membuat
kolom pada sebuah tabel. jadi, lengkapnya sebuah tabel haarus jika memiliki baris dan kolom.
contoh :
<html>
<table>
<tr>
<td>ini baris pertama kolom pertama</td>
<td>ini baris pertama kolom kedua</td>
</tr>
<tr>
<td>ini baris kedua kolom pertama</td>
<td>ini baris kedua kolom kedua</td>
</tr>
</table>
</html>
9. Tag <form>
merupakan sebuah Tag yang digunakan oleh user untuk memasukan data. tag ini biasanya dibantu oleh beberapakomponen lain seperti : textarea, button, option, text field, chekbox, radio button dan lain-lain.
contoh penggunaan :
<form id="form1" name="form1" method="post" action="">
<p>Nama :
<input name="var_nama" type="text" id="var_nama" />
</p>
<p>Alamat:
<input name="var_alamat" type="text" id="var_alamat" />
</p>
<p>
<input name="simpan" type="submit" id="simpan" value="Simpan" />
</p>
</form>
10. Tag <frame. dan <frameset>
digunakan untuk menampilkan halaman web lain pada halaman web yang dibuat. halaman dapat tampilkansecara terpisah dengan menampilkan halaman web yang berbeda.
<html>
<frameset cols="25%, 50%, 25%">
<frame src="http://www.facebook.com" />
<frame src="http://www.google.com" />
<frame src="http://www.blogspot.com" />
</frameset>
</html>
sekian dulu yaaa..??
selamat mencoba dan semoga bermanfaat..
Terima Kasih. :) :D
Bagikan artikel ini :
0 Comments