PEMROGRAMAN WEB: FORMAT TABLE Transparent Sexy Pink Heart

Rabu, 03 April 2013

FORMAT TABLE


Pertemuan II

Suatu web dirancang sesuai dengan tujuan usaha/ bisnis.
Cth:
1. Akademik (www.unika.ac.id) ac : academic
2. Berita (www.kompas.com) com : comercial
3. Pertemanan (www.facebook.com)
4. Militer (www.sakti.mil.id)  mil : militer
5. Organisasi (www.wikipedia.org) org : organisasi
6. Jaringan (www.aku.net) net : jaringan
7. Pemerintah (www.kpk.go.id) go : pemerintah, dll
Contoh di atas merupakan contoh penggunaan dari web.
Web diracang sesuai kebutuhan pengguna/user.
Dalam suatu web membutuhkan software, dan ada juga software yang saling berhubungan.
yaitu Costumer, Development, User.

  Software house terbagi menjadi beberapa bagian yaitu :
  1.      Operator (Typing Master)
  2.      Analyst
  3.      Programmer
  4.      Manager
 PROGRAMING
Program di web ada dua macam yaitu:
 1.      Tag <ol> (Ordered List)
 2.      Tag >ul> (unordered List)
v  Penomoran dengan menggunakan tag <ul>


PENOMORAN
KODE HTML
Daftar Belanja
Daftar Belanja <BR>
1.      APEL
<ul>
2.      JERUK
    <li>APEL</li>
3.      PISANG
    <li>JERUK</li>

    <li>PISANG</li>

</ul>

vPenomoran dengan menggunakan tag <ol>
PENOMORAN
KODE HTML
Teman-temanku
Teman-temanku  <BR>
1.      ADI
<ol>
2.      BUDI
     <li>ADI</li>
3.      SUCI
     <li>BUDI</li>

     <li>SUCI</li>

</ol>
 Contoh : web sederhana

Logo
Menu
Isi

<html>
   <head>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
     <TR>
     <td colspan=2>logo</td>
     </TR>
     <TR>
     <td>menu</td>
     <td>isi</td>
     </TR>
     </table>
   </body>
</html>




Contoh : Tabel 2 baris 1 kolom
 1.buka editor notepad
 2.Ketikkan Struktur Html
   <html>
  <head>
   <title></title>
  </head>

   <body>
   </body>
 </html>
 3.simpan kode html dengan nama lat1.html
 4.jalankan web browser
 5.buka file lat1.html dari web browser
 6.rancanglah tabel seperti di bawah ini

ok
Bro




Kode htmlnya :
<html>
   <head>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
      <TR>
            <TD>Kamu</TD>
      </TR>
     <TR>
           <TD>Saya</TD>
      </TR>
     </table>
   </body>
</html>



Contoh : 2 baris 2 kolom

1
1
2

Cth:
<html>
   <head>
   <title></title>
   </head>
   <body>
     <table border=1px width=75% height=75%>
     <TR>
     <td rowspan=2>1</td>
     <td>1</td>
     </TR>
     <TR>
     <td>2</td>
     </TR>
     </table>
   </body>
</html>