Minggu, 13 Mei 2012

PENGENALAN HTML

PENGENALAN HTML
HTML (Hyper Text Markup Language) adalah salah satu bahasa yang paling umum dan sederhana untuk menulis di web. Ada dua cara untuk membuat web page :          
              ·       HTML editor (FrontPage, Dreamweaver)
              ·       Editor teks biasa (notepad, wordpad)
Penamaan dokumen web boleh sembarang dengan menambah ekstension berupa ‘.htm’ atau ‘.html’. dokumen HTML disusun oleh elemen-elemen yang berupa: Head, Body, Table, Paragraf dan List.

TAG-TAG Dasar:

       ·       HTML : <HTML> </HTML> Tag dasar untuk mendefinisikan dokumen HTML

      ·       Head : <HEAD> </HEAD> Untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan

       ·       Title : <TITLE> </TITLE> Untuk memberikan judul/informasi pada caption browser web, tentang topik atau judul dokumen web yang ditampilkan.    

       ·       Body : <BODY> </BODY> Section utama dalam dokumen web

       ·       Paragraf : <P> </P> Membuat teks berparagraf

       ·       Line Break : <BR> Memaksakan ganti baris pada dokumen web.

       ·       Heading : <Hn> </Hn> Membentuk tulisan dengan pola judul (heading) dan ‘n adalah nomor tingkatan dari 1-6’.

       ·       Garis Mendatar : <HR> Membuat garis mendatar pada dokumen.

       ·       Komentar : <!-- --> Membentuk tulisan menjadi komentar.


Tag-tag Pemformatan:

       1)     <B> </B> Definisi teks yang ditebalkan
       2)     <BIG> </BIG> Definisi teks yang besar ukurannya
       3)     <EM> </EM> Definisi teks yang ditekan
       4)     <I> </I> Definisi teks yang miring-italic
       5)     <SMALL> </SMALL> Definisi teks yang kecil ukurannya
       6)     <STRONG> </STRONG> Definisi teks yang ditebalkan
       7)     <SUB> </SUB> Definisi teks yang jadi subscript
       8)     <SUP> </SUP> Definisi teks yang jadi superscript
       9)     <INS> </INS> Definisi teks yang disisipkan
       10) <DEL> </DEL> Definisi teks yang dihapus
       11) <S> </S> Deprecated. Use <del> instead
       12) <STRIKE> </STRIKE> Deprecated. Use <del> instead
       13) <U> </U> Deprecated. Use styles instead

Contoh :

 


 






LIST HTML

List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu, jenis-jenis list dalam HTML adalah:
              ·       list tanpa nomor
              ·       list dengan nomor
              ·       list definisi

Unordered List (List tanpa nomor)
Untuk membuat list tanpa nomor (bulleted list):
         ·       Mulai dengan tag pembuka list <UL>
         ·       Masukkan setiap item list dengan menggunakan tag <LI> kemudian tuliskan itemnya (satu saja), tag      penutup item </LI>
           ·       Ulangi lagi langkah kedua untuk menuliskan item list berikutnya
           ·       Akhiri seluruh list dengan sebuah tag penutup </UL> Unordered list disebut juga sebagai bulleted list, mempunyai bullet default berupa noktah. Jenis bullet bisa diubah contohnya dengan mengisi atribut “type” dengan disk atau box.


Ordered List (List dengan nomor)
Untuk list dengan nomor, disebut juga ordered list, tag <UL> dubah dengan <OL>, demikian juga </UL> diganti dengan </OL>. Nomor item secara default adalah menggunakan angka 1,2,3..dst sampai dengan sejumlah item dalam list tersebut. Untuk keperluan penyajian tertentu kita dapat mengubah nomor dalam ordered list dengan model angka yang lain, dengan mengisi atribut “type” pada tag <OL>

TYPE ARTI
          ·       I Ditampilkan dengan angka Romawi huruf besar
          ·       i Ditampilkan dengan angka Romawi huruf kecil
          ·       a Ditampilkan dengan angka abjad huruf kecil
          ·       A Ditampilkan dengan angka abjad huruf besar

   List definisi
                ·       <dl> ... </dl> untuk list definisi
                ·       <dt> ... </dt> untuk item definisi
                ·       <dd> ... </dd> untuk isi definisi


    contoh 1 :

    

    
     

    
 contoh 2 :

 

contoh 3 :

 

  


Sumber referensi :
Betha Sidik, Ir. ,Husni I.Pohan, HTML DAN XML, Informatika Bandung, Bandung, 2002.