Kita telah mengetahui bahwa browser tidak mengenal pembuatan
baris dengan tombol Enter. Disamping itu, browser juga
tidak mengenal pembuatan spasi lebih dari satu
spasi dengan menekan tombol Spasi ataupun tombol Tab.
Nah, bagaimana caranya membuat lebih dari satu spasi
dalam dokumen HTML? Pembuatan spasi dalam
kode-kode HTML diganti tulisan seperti yang bisa kita lihat pada contoh berikut ini:
Bila dilihat dalam browser hasilnya akan seperti ini:
Disamping notasi untuk pembuatan spasi ( )
ada lagi sejumlah notasi khusus untuk penulisan
karakter-karakter tertentu. Karakter-karakter ini
harus dituliskan dengan notasi khusus mengingat
karakter-karakter ini dipakai juga sebagai kode-kode
tag atau karena memang tidak dijumpai dalam karakter
teks ASCII. Berikut beberapa diantaranya:
Misalnya kita akan membuat tulisan seperti ini:
Beginilah cara penulisannya dengan bahasa HTML:
//|
<HTML><BODY>
kata-kata
ini diantarai satu spasi
sedangkan<br>kata-kata
ini
diantarai lima
spasi
</HTML></BODY>
|
| Kata-kata ini diantarai satu spasi sedangkankata-kata ini diantarai lima spasi |
| Karakter | Keterangan | Notasi |
| < | kurung runcing buka | < |
| > | kurung runcing tutup | > |
| & | dan | & |
| “ | tanda petik ganda | " |
| + | tanda plus minus | ± |
| © | hak cipta atau copyright | © |
| ® | terdaftar atau registered | ® |
| Tip & Trik ini
disajikan untuk para “pemula”. Banyaknya ±
75 artikel. Dan setiap artikel terdaftar® dalam direktorat
hak cipta©. <harap maklum> |
|
<HTML><BODY>
Tip
& Trik ini disajikan untuk para
"pemula". Banyaknya
± 75 artikel. Dan setiap artikel
terdaftar® dalam direktorat hak cipta©.
<br><harap maklum>.
</HTML></BODY>
|
//
Identasi HTML
Posted on Oktober 1, 2009 by Muhamad Yudha
Disamping mengatur perataan, kita pun bisa mengatur posisi
baris-baris paragraf dari margin (tepi halaman). Ada
tiga macam bentuk indentasi paragraf. Pertama,
baris pertamanya saja yang agak masuk ke dalam. Untuk
membuat paragraf semacam ini kita menggunakan tag <DD>. Contoh:<HTML>
<BODY>
<DD>Paragraf atau alinea ialah sekumpulan kalimat
yang
mengandung satu pokok pikiran. Antara satu paragraf dengan paragraf
lainnya biasanya dipisahkan oleh baris kosong.
Namun biasa pula
paragraf itu ditandai dengan posisi baris pertamanya yang agak
masuk ke
dalam.</DD>
</BODY>
</HTML>
Beginilah hasilnya bila dibuka dalam browser:<HTML><BODY>
Ini adalah paragraf normal
<BLOCKQUOTE>
<P>Ini paragraf
yang agak masuk ke dalam.
<P align="justify">Ini juga contoh paragraf
yang agak masuk ke dalam.
Dengan kalimat yang agak panjang,
kita lihat bahwa <b>semua baris</b> dalam paragraf
ini letaknya agak
masuk ke dalam. <i>Sama rata sama jauhnya</i>.
</BLOCKQUOTE>
<P>Nah, paragraf ini
kembali normal, karena tag <i>blockquote</i>
sudah berlalu alias sudah ditutup di atas. Ngerti, kan?
</BODY></HTML>
Beginilah tampilannya dalam browser:Ini adalah paragraf normal
Ini paragraf yang agak masuk ke dalam.Nah, paragraf ini kembali normal, karena tag blockquote sudah berlalu alias sudah ditutup di atas. Ngerti, kan?
Ini juga contoh paragraf yang agak masuk ke dalam. Dengan kalimat yang agak panjang, kita lihat bahwa semua baris dalam paragraf ini letaknya agak masuk ke dalam. Sama rata sama jauhnya.
Ketiga, membuat paragraf dalam susunan daftar definisi (definition list). Daftar definisi ialah susunan paragraf yang berselang-seling antara paragraf normal yang merupakan kalimat yang hendak dijelaskan dengan paragraf yang agak masuk ke dalam yang merupakan penjelasan atau definisi dari kalimat di atasnya. Untuk lebih jelasnya, berikut ini contoh daftar definisi:
Daftar Istilah Penting:
- Internet
- Singkatan dari interconnection network atau hubungan antar jaringan. Internet ialah jaringan komputer global dan merupakan jaringan komputer yang terbesar di dunia karena mampu menghubungkan seluruh komputer yang ada di dunia.
- HTTP
- Singkatan dari Hypertext Transfer Protocol adalah salah satu protokol bahasa yang digunakan untuk berkomunikasi antar server komputer dalam internet. Protokol bahasa yang lain dalam internet misalnya: Telnet, News, Gropher, FTP.
- <DL> yang menandai dimulai atau diakhirinya daftar definisi,
- <DT> yang menandai paragraf normal (yang dijelaskan) dan
- <DD> yang menandai paragraf yang agak masuk ke dalam (yang menjelaskan paragraf di atasnya).
<DL>
<DT><B>Internet</b></DT>
<DD>Singkatan dari
<i>interconnection network</i>
atau hubungan antar jaringan. Internet ialah jaringan komputer
global dan merupakan jaringan komputer yang terbesar di dunia
karena mampu menghubungkan seluruh komputer yang ada
di dunia.</DD>
<DT><b>HTTP</B></DT>
<DD>Singkatan dari <i>Hypertext
Transfer Protocol</i>
adalah salah satu protokol bahasa yang digunakan untuk berkomunikasi
antar server
komputer dalam internet. Protokol bahasa yang lain
dalam internet misalnya: Telnet, News, Gropher,
FTP.</DD>
</DL>
Karena cuma demo, cukup dua definisi sajalah. Nah, paragraf
ini kembali
normal.
0 komentar:
Posting Komentar