Minggu, 29 Mei 2011

PARAGRAF & DAFTAR/ LIST


 

PARAGRAF , KARAKTER SPECIAL DAN DAFTAR /LIST


 


 

MEMBUAT PARAGRAF

    Untuk membuat suatu paragraf dalam halaman web digunakan Tag HTML <P> yaitu kepanjangan dari Paragraph.

Adapun bentuk perintahnya


 

Contoh :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

Hasil Tampilan di web browser


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

PERATAAN PARAGRAPH


 

    Untuk mengatur perataan suatu paragraph digunakan atribut align, dimana bentuk perintahnya adalah


 


 


 


 

nilai 

keterangan 

Left 

Rata kiri 

Right 

Rata kanan 

Center  

Rata tengah 

Justify  

Rata kanan kiri 


 

ENTITAS KARAKTER (KARAKTER SPECIAL)

Adalah statement yang digunakan untuk menampilkan karakter-karakter khusus ke dalam web browser yaitu :

ENTITAS KARAKTER

FUNGSI 

&copy ; 

menampilkan karakter khusus : © (copyright)

&reg; 

menampilkan karakter khusus : ® (Register)

&amp; 

menampilkan karakter khusus : &

&laquo; 

menampilkan karakter khusus : <<

&raquo; 

menampilkan karakter khusus : >>

&quot; 

menampilkan karakter khusus : "

&lt; 

menampilkan karakter khusus : <

&gt; 

menampilkan karakter khusus : >

&nbsp;

menampilkan karakter khusus : spasi kosong

&plusmn; 

menampilkan karakter khusus : ± 

&divide; 

menampilkan karakter khusus : ÷


 

Contoh :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

Hasil tampilan di web browser :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

LIST/DAFTAR PADA HTML


 

Untuk membuat suatu daftar/list dalam dokumen HTML yang berisi data-data dapat digunakan beberapa tag HTML antara lain adalah :


 

1. DAFTAR DENGAN MENGGUNAKAN SIMBOL /BULLET

    Untuk membuat daftar dengan simbol dalam dokumen HTML maka dapat digunakan tag <UL> yang merupakan singkatan dari Unordered List.

Tag <UL> ini mempunyai atribut yaitu type & tag <LI>

Type : berguna untuk menentukan jenis simbol yang akan digunakan sebagai daftar.


 

    Adapun jenis simbol yang dapat digunakan adalah :

    

Jenis simbol

Bentuk

Circle

 

square 

¨

Disk  

·


 

tag <LI> : berguna untuk menampilkan data-data yang merupakan isi dari daftar


 


 

Bentuk :    


 


 

Contoh :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

HASIL TAMPILAN DI BROWSER


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

2. DAFTAR DENGAN MENGGUNAKAN BILANGAN / HURUF

    Untuk membuat daftar dengan bilangan/huruf dalam dokumen HTML maka dapat digunakan tag <OL> yang merupakan singkatan dari Ordered List.

Tag <OL> ini mempunyai atribut yaitu : type, start & tag <LI>

  • type : berguna untuk menentukan jenis bilangan/huruf yang akan digunakan sebagai daftar.


 

Jenis Bilangan/Huruf

Bentuk

1 

1,2,3,4 

i 

i, ii, iii,iv 

I 

I,II,III,IV 

A 

A,B,C,D 

a 

a, b,c,d 


 

  • start
    : berguna untuk mengatur nilai awal dari bilangan/huruf yang akan digunakan sebagai daftar
  • tag <LI> : berguna untuk menampilkan data-data yang merupakan isi dari daftar


 


 

Bentuk :    


 

Contoh :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

HASIL TAMPILAN DI WEB BROWSER


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

3. DAFTAR DEFINISI

    Untuk membuat suatu definisi dari suatu istilah dalam dokumen HTML maka dapat digunakan tag <DL> yang merupakan singkatan dari Definition List.

Tag <DL> ini mempunyai atribut yang berupa tag juga yaitu :

  • tag <DT> (Definition Term)

     tag ini digunakan untuk mengapit istilah yang akan didefinisikan    

  • tag <DD> (Definition Data)

tag ini digunakan untuk mengapit definisi dari istilah yang akan didefinisikan


 


 


 


 


 


 


 

Bentuk :    


 


 


 


 


 


 


 


 


 


 

CONTOH :


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

HASIL TAMPILAN DI WEB BROWSER


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

Share This
Subscribe Here

0 comments :

Posting Komentar

 

Site Info

Followers

Indahnya Berbagi Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa