Rabu, 09 Mei 2012

Contoh TAG HTML BAG. I


Assalamu'alaikum...

Malam yang berbeda dengan keadaan yang sama dengan malam kemarin. diluar hujan untung saja tidak sampe bajir hehehe :D

aku coba membuat keadaan menjadi dramatis dengan keluar menerobos hujan menuju ke kios sebelah untuk beli kopi dan rokok tapi yang pastinya pake payung jadi tidak basah.. hehehehehehe :) :D  next, setelah kopi dan rokok sudah siap, langsung buka laptop langsung lanjutin artikel yang sempat terputus kemaren.

okay langsung saja. masih seputar tentang Dasar-Dasar HTML. berikut lanjutan beberapa "Tag HTML" yang sering digunakan dalam membangun sebuah web pada artikel sebelunya:

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 :D

3. 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 digunakan ketika 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 beberapa komponen 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 tampilkan secara 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..
jangan lupa komentarnya,,, Terima Kasih. :) :D

0 komentar:

Poskan Komentar

Tinggalkan Komentar anda.. Terima Kasih

Followers

Free Page Rank Tool free search engine submission

FreeFind Site Search Engine - FreeFind adds a "search this site" feature to your website, making your site easier to use. FreeFind also gives you reports showing what your visitors are searching for, enabling you to improve your site. FreeFind's advanced site search engine and automatic site map technology can be added to your website for free.

http://www.freesearchenginesubmission.infometeo15jours.com

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com