CSS (Part 1)

    Cascade Style Sheet (CSS) digunakan untuk mengubah tampilan (style) dari konten halaman HTML agar kelihatan lebih menarik dengan meminimalkan penggunaan tag-tag HTML yang akan mempercepat waktu pengerjaan dan proses loading oleh browser. Developer cukup mendefinisikan sebuah style CSS untuk digunakan pada web page mana pun yang diinginkan, sehingga jika ingin mengubah tema dari web cukup mengubah style-nya saja tanpa harus mengubah page per page.

    Struktur pendefinisian style CSS secara umum terdiri dari tiga bagian yaitu Selector (tag HTML yang akan dikenai style CSS), Property (atribut yang ingin diterapkan), dan Value/nilai dari property. Antara property dan value dipisahkan dengan titik-dua (colon).

    Contoh :    selector{property:value} 

Jika nilainya terdiri dari beberapa kata, gunakan tanda petik ganda.

    Contoh :    p{font-family:"comic sans"} 

HTML (Form)

    Form adalah jembatan komunikasi antara client dan server. Form dibutuhkan untuk mendapatkan input dari user seperti komentar atau pilihan dari suatu kelompok item tertentu. Form hanya merupakan media entry data (yang akan dikirimkan ke server), tidak untuk menerima dan mengolah data, karena yang akan menangani dan mengolahnya adalah server side web scripting seperti PHP, ASP, dan JSP.

    Tag-tag form terletak dalam tag <body>. Berikut contoh penulisan sintaksnya :

               <form name="nama_form" method="GET|POST" action="form.asp"> 
                ....                                                                                                                    
                .... (elemen-elemen dalam form)                                                                          
                ....                                                                                                                    
               </form>                                                     

HTML (Frame)

    Frame digunakan untuk membangun web page yang memungkinkan penampilan beberapa web page dalam satu window browser. Konsepnya hampir sama dengan table. Perbedaannya terletak pada isi baris dan kolom. Pada table isi baris dan kolom berupa sel, sedangkan pada frame berupa dokumen HTML atau file lainnya.

    Dibutuhkan satu dokumen tersendiri yang berisi definisi frameset  yang akan membungkus keseluruhan file frame. Perlu diingat bahwa pendefinisian frameset tidak boleh dituliskan dalam tag <body></body>. Untuk membuat frame pada dokumen HTML digunakan tag <frameset> dan <frame>. Berikut penjelasan tag-tag tersebut beserta atribut-atributnya : 

Tag-Tag Pembentuk Frame

Elemen	Penjelasan
<frameset> </frameset>	Mendefinisikan sebuah frame dalam HTML.
<frame>	Untuk menampilkan dokumen pada suatu   frame.

HTML (Table)

    Table digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom menunjukkan data yang sejenis. dan setiap baris terdiri atas kolom-kolom yang menunjukkan kelompok data dalam satu kesatuan.

    Table juga merupakan elemen yang paling berguna bila ingin mengubah tampilan informasi menjadi lebih tertata rapi, sebab jika tidak menggunakan table dalam dokumen HTML akan sulit sekali menata letak tulisan, gambar maupun objek yang lainnya.

    Struktur penulisan tag table:

                  <table>                                 

                   <caption>Judul Table</caption>         

                   <tr>                                   

                    <th>Header dari kolom atau baris</th> 

                    <td>Isi Cell</td>                     

                   </tr>                                  

                  </table>