XML

    Berbeda dengan HTML yang menampilkan data secara tidak terstruktur (karena bertujuan hanya untuk menampilkannya sebagai informasi saja), XML (eXtensible Markup Language) mampu menampilkan data dalam format terstruktur dan mudah dipahami oleh mesin ataupun manusia.

    XML dibangun untuk memudahkan dalam proses pengolahan ataupun pertukaran data. Sehingga dokumen XML dapat digunakan  untuk beberapa kepentingan sekaligus, termasuk di dalamnya dapat berbagi data dokumen dengan user lainnya dari bermacam-macam aplikasi.

    Struktur XML secara umum diawali dengan adanya prolog yang berisi deklarasi bahwa ini adalah dokumen XML dan menampilkan nomor versinya, yaitu sebagai berikut : <?xml version='1.0'?> (optional), kemudian body yang bersisi elemen-elemen dokumen, serta bagian yang terakhir adanya epilog, dapat berupa komentar atau white space.

JavaScript (Advance)

String

    String adalah objek yang merupakan kumpulan dari elemen karakter-karakter. Dalam Javascript, string atau karakter harus diapit oleh tanda petik ganda (") atau petik tunggal ('). Untuk menggunakan string dalam Javascript tidak diperlukan pendefinisian tertentu.

    Objek string memiliki property dan method yang dapat digunakan untuk memanipulasi string tersebut. Property string yang paling sering digunakan adalah length. Property length digunakan untuk mengetahui banyaknya elemen karakter.

    Contoh :

                          Nama = "Andy";          

                          Panjang = Nama.length;  

                          //Panjang akan berisi 4 

JavaScript (Basic)

    JavaScript adalah suatu bahasa yang di-interpreter oleh browser. Sintaks pada JavaScript memiliki kemiripan dengan bahasa pemrograman Java dan C sehingga banyak aturan dari bahasa Java dan C yang bisa diterapkan dalam JavaScript. Tetapi JavaScript tidak sama dengan Java. JavaScript bergantung kepada browser yang akan memanggil halaman web yang berisi script dari JavaScript yang tersisipkan di dalam dokumen HTML. JavaScript digunakan untuk membuat halaman web lebih menarik dan interaktif.

    Sama seperti bahasa C, JavaScript juga bersifat Case Sensitive untuk setiap perintah dan penamaan variablenya. (Contoh : variable nama tidak sama dengan Nama ataupun NAMA).

    Contoh penulisan sintaks JavaScript :

                <script language="javascript">             

                  <!--                                     

                      // pendefinisian variable atau objek 

                      /* statement-statement javascript */ 

                  -->                                      

                </script>                                  

CSS (Part 2)

    Bentuk penerapan CSS seperti contoh-contoh pada postingan sebelumnya (Part 1) memiliki kelemahan yaitu style yang ditetapkan akan berlaku untuk keseluruhan penggunaan satu tag tertentu. Misalnya didefinisikan suatu CSS sebagai berikut :
 

                     <style type="text/css”>           
                      h1{color:red; fontstyle:italic;} 
                     </style>                          
 

    Akibatnya adalah setiap kali tag <H1> digunakan, maka secara default header yang dihasilkan akan berwarna mewar dan terkena efek cetak miring. Padahal ada kalanya dalam suatu halaman yang saya dibutuhkan penggunaan tag <H1> dengan style yang berbeda. Untuk itu dibutuhkan sebuah cara agar suatu style dapat dipakai pada tag apapun. Hal ini dimungkinkan dengan adanya Class dan ID dalam CSS.

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>                                

HTML (List & Link)

List

1. Unordered & Ordered List

    Pada dokumen HTML terdapat dua jenis list, yaitu unordered list (Bullets) dan ordered list (Numbering). Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list adalah list yang memperhatikan urutan penomoran. Untuk membuat suatu unordered list menggunakan tag <ul>...</ul> sedangkan untuk membuat ordered list menggunakan tag <ol>...</ol>. Dan untuk mengisikan item pada list menggunakan tag <li>...</li>.

    Contoh :               Unordered List                                          Ordered List

             <ul>                            <ol>                 
               <li>Circle</li>                 <li>Satu</li>   
               <li>Disc</li>                   <li>Dua</li>     
               <li>Square</li>                 <li>Tiga</li>   

             </ul>                           </ol>              

HTML (Basic)

    HTML (Hyper Text Markup Language) adalah bahasa dasar untuk web scripting bersifat client side yang memungkinkan untuk menampilkan informasi dalam bentuk teks, grafik, serta multimedia, dan juga untuk menghubungkan antartampilan web page (hyperlink).

    Struktur dasar dokumen HTML:

                    <html>                              
                     <head>                             
                          <title>Judul Web Page</title> 
                     </head>                            
                     <body>                             
                      Isi Web Page Page                 
                     </body>                            
                    </html>