Perintah Dasar HTML Untuk Membuat Tabel

Perintah Dasar HTML membuat tabel dan daftar menu


Haii teman - teman yang hobby bahasa pemrograman web,, tutorial kali ini ane kasih nih perintah dasar HTML yang perlu teman - teman ketahui..

sekarang kita bahas materi selanjutnya untuk memanipulasi tulisan yang ada dihalaman HTML kita...




1. <col>
Digunakan untuk mendefinisikan nilai atribut kolom pada tabel.
Contoh:
<table width=”100%” border=”1”>
     <col align=”left”/>
     <col align=”left”/>
     <col align=”right”/>
<tr>
  <th> Judul Buku</th>
  <th>ISBN</th>
  <th>Harga</th>
</tr>
<tr>
  <td> Pemrograman WEB </td>
  <td>999-888.877-4/5</td>
  <td>54.000</td>
</tr>

</table>



2. <colgroup>
Digunakan untuk mengelompokkan pada tabel untuk keperluan formal tabel.
Contoh:
<table width=”100% border=”1”>
   <colgroup span=”2” align=”left”></colgroup>
   <colgroup align=”right” style=”color:#0000FF;”></colgroup>
<tr>
   <th> Judul Buku</th>
   <th>ISBN</th>
   <th>Harga</th>
</tr>
<tr>
   <td> Pemrograman WEB</td>
   <td>999-88-877-4/5</td>
   <td>54000</td>
</tr>
</table>


3.. <dd>
Digunakan untuk membuat daftar item pada sebuah daftar definisi (Definition List “dl”)
Contoh:
<dl>
   <dt> Daftar Menu Makanan</td>
      <dd>- Ayam goreng</dd>
      <dd>-Ayam bakar</dd>
   <dt> Daftar Menu Minuman</dt>
      <dd>- Macam- macam jus</dd>
      <dd>-Cappucino</dd>
</dl>



4.<del>
Digunakan untuk mendefinisikan sebuah teks yang telah sihapus (tulisan coret).
Contoh:
<b> Khusus Promo..</b><br>
Harga normal <del>Rp.150.00</del> harga diskon <ins>Rp.130.000</ins>



5.<dfn>
Digunakan utnuk mendefinisikan sebuah istilah.
Contoh:
<dfn>Notebook</dfn>, merupakan versi sederhana dari sebuah notebook.





6.. <dir>
Digunakan untuk memuat daftar judul dari sebuah direktori.
Contoh:
<dir>
    <li> html</li>
    <li>xhtml</li>
  <li>css</li>
</dir>






7.<div>
Digunakan utnuk medefinisikan bagian dari sebuah halaman web. Seringkali digunakan untuk mengelompokkan elemen – elemen HTML dengan format style tertentu.
Contoh:
<div style=”color:#FF0000”>
   <h3> Ini Merupakan Judul</h3>
  <p> Ini Merupakan Paragraf</p>
</div>





8.. <dl>
Digunakan untuk membuat sebuah daftar definisi ( definition list) yang terdiri dari beberapa item.
Contoh:
<dl>
    <dt> Daftar Menu Makanan</dt>
       <dd>- Ayam goreng </dd>
       <dd>- Ayam bakar </dd>
    <dt> Daftar manu Minuman </dt>
       <dd>- Jus Apel </dd>
       <dd>- Jus Mangga </dd>
</dl>


9.<dt>
Digunakan untuk membuat daftar item dari sebuah definisition list.
Contoh:
<dl>
    <dt> Daftar Menu Makanan</dt>
    <dd>- Ayam goreng</dd>
    <dd>- Ayam bakar</dd>
    <dt> Daftar menu Minuman</dt>
    <dd>- Jus Sirsak</dd>
   <dd>- Cappucino</dd>
</dl>


10. <em>
Digunakan untuk menekankan sebuah teks.
Contoh:
<em>HTML</em> adlaah kode dasar untuk membuat web

11. <fieldset>
Digunakan untuk mengelompokkan beberapa elemen dalam sebuah form.
Contoh:
<form>
  <fieldset>
     <legend> Buku Tamu</legend>
    Nama: <input type=”text” size=”30”/><br/>
    Email: <input type=”text” size=”30”/><br/>
  </fieldset>
</form>




12. <font>
Digunakan untuk mendefinisikan huruf ( jenis, warna dan ukuran).
Contoh:
<font size=”3” color=”red”>Life Is Beautiful
</Font>
<font face=”verdana” color=”green”>Life Is Beautiful</font>


13. <form>
Digunakan untuk mendefinisikan sebuah form masukan dari pengguna.
Contoh:
<form action=”action.php” method=”get”>
    Nama: <input type=”text” name=”f_nama”/>
<br>
    Email:<input type=”text” name=”f_email”/>
<br>
   <input type=”submit” value=”Simpan”/>
</form>


14. <frame>
Digunakan untuk mendefinisikan sebuah jendela(window) tertentu dalam sebuah frameset.
Contoh.
<frameset cols=”25%,50%,25%”>
     <frame src=”frame_a.htm”/>
     <frame src=”frame_b.htm”/>
     <frame src=”frame_c.htm”/>
</frameset>

15. <frameset>
Diguankan untuk mendefinisikan sebuah frameset. Tiap frameset dapat terdiri dari 2 atau lebih frame dan tiap – tiap frame memiliki file yang berbeda – beda.
Contoh:
<frameset cols=”25%,50%,25%”>
     frame src=”frame_a.htm”/>
     frame src=”frame_b.htm”/>
     frame src=”frame_c.htm”/>
</frameset>


16. <h1> samapi dengan <h6>
Digunakan untuk mendefinisikan bagian atas (heading) teks. Dimulai dari ukuran besar <h1> hingga ukuran kecil <h6>.
Contoh:
<h1> HTML adalah kode dasar membuat WEB </h1>
<h2> HTML adalah kode dasar membuat WEB </h2>
<h3> HTML adalah kode dasar membuat WEB </h3>
<h4> HTML adalah kode dasar membuat WEB </h4>
<h5> HTML adalah kode dasar membuat WEB </h5>
<h6> HTML adalah kode dasar membuat WEB </h6>


17. <head>
Digunakan untuk mendefinisikan bagian atas (head) sebuah dokumen HTML. Bagian ini biasanya digunakan untuk mendefinisikan tag <base>, <link>, <meta>, <script>, <style>, dan <title>.
Contoh:
<head>
       <title> Judul WEB</title>
</head>


18. <hr>
Digunakan untuk mendefinisikan sebuah garis horisontal dalam halaman HTML.
Contoh:
Salahs satu aplikai internet adalah web<hr>HTML adalah kode dasar untuk membuat web.


EmoticonEmoticon