Monday, March 7, 2011

Dasar HTML II


Bismillah..
Pada postingan kali ini, kita membahas lanjutan dari artikel yang berjudul dasar html. jika Anda belum membaca ada baiknya anda membaca dulu yang pertama agar ilmunya nyambung dan tanpa ada kesulitan.
>>kali ini kita akan membahas tentang form (<form>)
Form adalah markup HTML yang digunakan mengirim atau bahasa ITnya submit data ke server. Selain melalui markup form kita juga bisa submit data ke server dengan menggunakan AJAX seperti yang dilakukan oleh facebook, google, yahoo, dan beberapa situs besar yang lain.
Contoh penulisan :
<form id="form1" method="[post|get]" action="[halaman.php]">
    <input type="text" id="tx_id" name="nama" value="aksesgratis"/>
    <input type="submit" id="submit" name="submit" value="Send"/>
    <input type="reset" id="reset" name="reset" value="Clear"/>
</form>
>>Selanjutnya adalah <ul><li> dan <ol><li>
Nah apakah itu??
<ul> adalah unordered list dan <ol> adalah ordered list. Fungsinya sama seperti Bullet and Numbering.
Contoh penulisan :
Hobi
<ul type="disc">                        <ol>
    <li>Java</li>                     <li>Java</li>
    <li>Delphi</li>                  <li>Delphi</li>
    <li>VB</li>                      <li>VB</li>
</ul>                                            </ol>
 Silahkan di praktekkan dan lihat perbedaannya.


>> Tabel
Table dalam HTML biasanya digunakan untuk membuat table yang tak tampak sehingga tampilan akan lebih rapi. Di dalam table terdapat 2 markup yaitu <tr> yang artinya row dan <td> yang artinya column.
Contoh penulisan :
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>No</td>
        <td>Nama</td>
        <td>Alamat</td>
    </tr>
    <tr>  
        <td>1</td>
        <td>Sule</td>
        <td>O V J</td>
    </tr>
</table>


>> <tr> dan <td>
Di dalam <td> terdapat attribute colspan dan rowspan. Guna dari colspan adalah untuk menggabungkan kolom2 sesuai dengan parameter yang diberikan. Sedangkan rowspan digunakan untuk menggabungkan baris.
Contoh penulisan :
<td colspan="3"></td>
<td rowspan="2"></td>


>> <img>
Markup img digunakan untuk memasukkan gambar ke dalam HTML.
Contoh penulisan :
<img src="path/to/images.jpg" alt="nama"/>
* src adalah letak dari gambar yang akan kita masukkan usahakan agar di copy ke dalam situs kita agar lebih mudah mengaksesnya.
   alt adalah text yang akan muncul ketika kita mengarahkan pointer ke gambar.



No comments:

Post a Comment