Jumat, 19 Juli 2013

Membuat tabel

   Berikut akan diberikan contoh dokumen html untuk menunjukkan dasar pembuatan tabel, beserta pembahasannya. Ada 3 tabel yang akan dibuat, tabel pertama terdiri dari 1 baris dan 1 kolom, tabel kedua terdiri dari 1 baris 3 kolom, dan yang ketiga terdiri dari 2 baris dan 3 kolom.

<html>
 <body> <h4>satu baris satu kolom<h4>
 <table>
  <tr>
      <td>100</td>
  </tr>
 </table>

<h4> satu baris tiga kolom<h4>
 <table>
  <tr>
      <td>100</td>
      <td>200</td>
      <td>300</td>
 </table>
  </tr>

<h4> dua baris tiga kolom</h4>
 <table>
  <tr>
      <td>100</td>
      <td>200</td>
      <td>300</td>
  </tr>
 <tr>

      <td>400</td>
      <td>500</td>
      <td>600</td>
 </tr>
 </table>
</body>
</html>

Pada tabel pertama menggunakan atribut bgcolor=”red” pda tag <table>, berarti keseluruhan tabel tersebut akan memiliki warna latar belakang merah, dan memiliki border/ garis pada tabel nya 1.
Pada tabel pertama menggunakan atribut bgcolor=”yellow” pda tag <table>, berarti keseluruhan tabel tersebut akan memiliki warna latar belakang kuning, dan ketebalan garis pinggir / border nya 10.
Pada tabel pertama menggunakan atribut bgcolor=”pink” pda tag <table>, berarti keseluruhan tabel tersebut akan memiliki warna latar belakang pink, dan memiliki ketebalan garis pinggirnya 20.



Membuat link dan menyisipkan gambar di web

Membuat background dan gambar

<html>
<head><title>gambar</title></head>
<body background="login.jpg"/>
<img src="addfriend.gif"/>

</body></html>



pada perintah <body background="login.jpg"/> adalah membuat background di halaman web 

kemudian di sisipkan gambar <img src="addfriend.gif"/> ini meyisipkan gambar yang bernama "addfriend.gif"

nama dan format gambar yang di sisipkan harus sesuai dengan perintah yang di ketikkan di perintahnya. jika tidak maka backgroun/gambar tidak akan tampil.

Membuat link

<html>
<head><title>link</title></head>
<body>
<body link="olive" alink="#000000" vlink="red">
<a href="help.html">halaman help</a.</br>
<a href="help://www.bestcamp.net/"> bestcam akakom</a><br/>
</body>
</html>

penjelasan

<body link="olive" alink="#000000" vlink="red">

Membuat warna link berubah ketika di klick

<a href="help.html">halaman help</a.</br>
<a href="help://www.bestcamp.net/"> bestcam akakom</a><br/>

Membuat link dengan link halaman help,ketika di klik maka akan menuju ke halaman help.html, dan membuat link bestcam akakom kemudian di tujukan ke halaman  www.bestcamp.net.