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.

Dasar-dasar pemrograman web


Apakah WWW itu..?
  • WWW singkatan dari World Wide Web
  • World Wide Web sering disebut Web
  • Web adalah jaringan komputer yang meliputi seluruh dunia
  • Semua komputer dalam Web dapat komunikasi satu dengan yang lain
  • Semua komputer menggunakan standar komunikasi yang disebut HTTP
  • Informasi Web disimpan di dalam dokumen yang disebut halaman Web
  • Halaman Web adalah file yang disimpan  pada komputer yang disebut Web server
  • Komputer yang membaca halaman Web disebut Web client
  • Web client menampilkan halaman web dengan program yang disebut Web browser
  • Browser populer misalnya Internet Explorer dan Mozilla Firefox

Bagaimana Browser menampilkan halaman web?
  • Browser menampilkan halaman Web dari server dengan melakukan request
  • request adalah request standar HTTP yang mencakup alamat halaman
  • Alamat halaman bisa seperti ini: http://www.sesuatu.com/halaman.htm

Bagaimana Browser Menampilkan Halaman?

  • Seluruh halaman Web mencakup perintah bagaimana ia ditampilkan
  • Browser menampilkan  halaman dengan membaca perintah ini
  • Perintah yang dipakai untuk menampilkan disebut tag HTML
  • Tag HTML untuk paragraf seperti ini: </p>
  • Paragraf dalam HTML didefinisikan dengan bentuk ini <p>Ini adalah paragraf</p>
  • Standar Web tidak dibuat oleh Netscape atau Microsoft
  • Badan pembuat rumusan dari Web adalah W3C
  • W3C singkatan dari World Wide Web Consortium
  • W3C memberikan spesifikasi standar Web
  • Standar Web yang paling esensial adalah HTML, CSS dan XML
  • Standar HTML terakhir adalah XHTML 1.0
  • HTML singkatan dari Hyper Text Markup Language
  • File HTML adalah file teks yang mencakup tag markup
  • Tag markup memberitahukan Web browser bagaimana cara menampilkan halaman
  • File HTML harus mempunyai ekstensi file htm atau html
  • File HTML dapat diciptakan menggunakan editor teks sederhana
contoh :

    <html>
    <head>
    <title>Judul halaman</title>
    </head>
    <body>
           Ini adalah homepage pertamaku. <b>Teks ini ditulis tebal</b>  
          <body>
          </html>

kemudian Simpan file dengan nama  halamanku.html 


HTML Pendahuluan

  • HTML singkatan dari Hyper Text Markup Language
  • HTML bukan bahasa pemrograman, ini adalah bahasa markup
  • Bahasa markup adalah himpunan tag markup
  • HTML mengguakan tag markup untuk menggambarkan halaman web
Tag HTML
  • Tag HTML adalah keywords seputar kurung sudut seperti <html>
  • Tag HTML lumrahnya berbentuk pasangan seperti <b> dan </b>
  • Tag pertama dalam pasangan adalah tag awalan, tag kedua adalah tag akhiran
Dokumen HTML – Halaman Web
  • Dokumen HTML menggambarkan halaman web
  • Dokumen HTML mencakup tag HTML dan plain text
  • Dokumen HTML juga disebut halaman web
contoh:

        <html>      
   <body>
   <h1>Heading pertama</h1>
   <p>Paragraf pertama</p>
   </body>
   </html>

Penjelasan
  • Teks antara <body> dan </body> adalah isi halaman yang tampak
  • Teks antara <h1> dan </h1> ditampilkan menjadi heading
  • Teks antara <p> dan </p> ditampilkan menjadi paragraf