Dalam membuat dokumen web, terkadang anda ingin membuat suatu teks untuk di tulis pada baris yang baru. Ini tidak dapat dilakukan seperti halnya pada program editor biasa yang cukup dilakukan seperti halnyan pada program editor biasa yang cukup dilakukan dengan menekan ENTER. Penekanan tombol ENTER hanya berpengaruh pada dokumen HTML tetapi tidak akan terlihat pada browser. Hal ini juga berlaku untuk tombol spasi, tetapi browser hanya akan membuat satu spasi saja dan mengabaikan spasi-spasi lainnya.
Dengan elemen PRE, teks akan terlihat seperti yang ada pada ketikan. Kita dapat menggunakan tombol ENTER dan spasi sebanyak yang anda perlukan. Tetapi HTML telah menyediakan elemen yang khusus digunakan untuk menangani hal-hal seperti itu, yaitu <BR> untuk memulai menulis pada suatu garis baru,<SPACER> untuk memberikan beberapa spasi di antara teks, ataupun style sheet. Dan beberapa elemen lainnnya yang berhubungan dengan pemisah teks.
Ganti dengan Baris Baru
Elemen <BR> yang diperkenalkan adalah untuk membuat teks untuk dituliskan pada baris berikutnya. Dengan adanya elemen ini,kita tidak lagi memerlukan elemen <PRE> jika ingin menulis pada suatu baris baru.
Elemen ini memeiliki kelebihan lain. Yaitu kemampuannya untuk memisahkan teks ke kiri atau ke kanan gambar untuk berpindah ke bagaian bawah gambar.
Kode HTML berikut ini memperlihatkan contoh penggunaan elemen BR :
<P>
Customer releationship management adalah strategi korporasi yang berfokus pada pembangunan dan pemeliharaan hubungan dengan pelanggan. Beberapa paket perangkat lunak tersedia dengan pendekatan yang berbeda-beda terhadap CRM. Bagaimanapun CRM bukanlah tekhnologi itu sendiri, tapi ia adalah pendekatan holistic terhadap falsafah organisasi yang menekankan hubungan yang erat dengan pelanggan. CRM mengurus filosofi organisasi pada semua tingkatan, termasukn kebijakan dan proses,customer service ; pelatihan pegawai,pemasaran,dana manajemen sistim dan informasi.
<BR><B> System CRM mengintregasikan pemasaran,penjualan, dan
<BR>customer service dari ujung ke ujung.</B>
<P><IMG SRC=hot.gif ALIGN=LIFT HEIGHT=40%> Elemen dan lt:BR dang t ; juga dapat digunakan bersama-bersama dengan gambar.
<BR>bahkan anda dapat membuat teks di sebelah kiri atau gambar </B>
<BR CLEAR=left> sebelum teks memenuhi sebelah kiri atau kanan gambar.
Pada contoh diatas di gunakan atribut CLEAR untuk membuat teks yang ada di samping suatu gambar untuk berpindah ke bagian bawah gambar. Atribut CLEAR mempunyai tiga buah nilai, yaitu :
· LEFT : memindahkan teks ke bagian bawah untuk gambar yang berada di sebelah kiri teks
· RIGHT : memindahkan teks ke bagian bawah gambar untuk gambar yang berada di sebelah kanan teks.
· ALL : memindahkan teks di bagian bawah gambar untuk gambar yang mempunyai teks kiri dan kanannya.
Garis Pemisah Horisontal
Berikut ini diperlihatkan sebagai macam contoh garis dengan ketebalan, panjang, perataan, dan jenis garis yang berbeda-beda. Berikut inin adalah kode HTML-nya :
<HR SIZE=10 WIDTH=350 ALIGN=left NOSHADE>
<HR SIZE=7 WIDTH=350 ALIGN=center NOSHADE>
<HR>
<HR SIZE=7 WIDTH=350 ALIGN=center>
<HR SIZE=10 WIDTH=350 ALIGN=right>
Menggunakan Elemen Spacer
SPACER mempunyai lima buah atribut, yaitu TYPE, SIZE,HEIGHT,WIDTH, dan ALIGN. Atribut SIZE menyatakan jumlah spasi yang ingin digunakan dalam satuan pixel. Untuk ,membuat spasi horizontal digunakan atribut TYPE dengan nilai Horizontal. Sedangkan untuk membuat spasi vertical digunakan atribut TYPE adalah BLOCK yang digunakan untuk menentukan jumlah spasi dalam sekumpulan teks.
Atribut HEIGHT dan WIDTH jika digunakan dengan SPACER type block menyatakan tinggi blok dan lebar spasi untuk block tersebut. Sedangkan untuk mengatur perataan digunakan atribut ALIGN dengan nilai-nilai Left,Right dan Center. Kode HTML beriktu merupakan contoh penggunaan elemen SPACER :
<HTML>
<HEAD>
<TITLE>SPACER</TITLE>
</HEAD>
<BODY BGCOLOR=”white”>
<B>
SPACER TYPE=block HEIGHT=50 pixel WIDTH=50 pixel
ALIGN=left<BR>
<SPACER TYPE=BLOCK HEIGHT=80 WIDTH=50 ALIGN=left>
Spacer Horizontal
<SPACER TYPE=horizontal SIZE=50>spasi 50 pixel
<SPACER TYPE=horizontal SIZE=100>spasi 100 pixel
<BR>
SPACER Horizontal
<SPACER TYPE=horizontal SIZE=100>spasi 100 pixel
<SPACER TYPE=horizontal SIZE=100>spasi 100 pixel
<BR>
SPACER Horizontal
<SPACER TYPE=horizontal SIZE=150>spasi 150 pixel
<SPACER TYPE=horizontal SIZE=100>spasi 100 pixel
<BR>
Jangkauan SPACER tipe block berhenti sampai di sini.
<SPACER TYPE=vertical SIZE=50>
<H3 ALIGN=center>SPACER TYPE=vertical SIZE=50</H3>
</BODY></HTML>
0 komentar:
Posting Komentar