|
Mengatur Penataan teks
Sekarang ini kita telah mampu menciptakan sebuah halaman html kosong dengan kode-kode dasar HTML. Waktunya untuk melangkah ke tahap selanjutnya yakni mengolah kata dalam HTML.
Hal yang paling mendasar dalam melakukan format teks adalah tag
Heading (jangan
tertukar dengan Tag HEAD - tidak ada kesamaan mendasar di antara keduanya).
Ada enam level untuk heading dengan satu sebagai heading yang terbesar dan 6 adalah heading terkecil. Dengan kode heading teks akan berbentuk sebagai berikut :
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
Heading 1 (merupakan Heading paling besar)
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 (merupakan Heading paling
kecil)
Paragraph
Paragraf cukup umum digunakan dalam HTML ; menandakan struktur dari mem-format teks. Dengan tag paragraph anda dapat mengatur pembagian alinea dalam dokumen anda.
<P ALIGN="CENTER">
</P>
atribut CENTER juga dapat digantikan dengan berbagai penataan alinea seperti RIGHT atau JUSTIFY.
Mengakhiri Sebuah baris
Untuk mengakhiri sebuah baris dari isi dokumen tanpa memulai sebuah paragraph baru, gunakan tag <BR> <br>. Tag ini akan memposisikan baris teks berikut tepat di bawah baris sebelumnya, tanpa jeda baris seperti tag <p> paragraph.
Blockquote
Tag blockquote umum-nya untuk teks dalam baris panjang berupa material yang dikutip dan ditujukan untuk memperjelas serta memberi penekanan pada sesuatu point.
Tag blockquote terlihat sebagai berikut :
<BLOCKQUOTE></BLOCKQUOTE>
Paragraf cukup umum digunakan dalam HTML ; menandakan struktur dari mem-format teks. Dengan tag paragraph anda dapat mengatur pembagian alinea dalam dokumen anda.
CONTOH :
<BODY>
<font color="red">Teks normal ….</font>
<BLOCKQUOTE>
<P><B><font color="blue">Pemasaran Lewat E-mail</font></B>
<P><font="maroon">Ledakkan Nilai Penjualan Anda!,
Jika anda seorang internet marketer yang memiliki produk, jasa atau
peluang usaha, dan anda ingin mempromosikannya kepada konsumen yang membutuhkan,
anda seharusnya memikirkan untuk berpromosi menggunakan "Kekuatan Pemasaran
Email".</font></P>
-- <I>www.promolis.cjb.net</I> , Juni 2003 -
</BLOCKQUOTE>
</BODY>
HASIL YANG TAMPAK DI BROWSER :
Teks normal ….
Pemasaran Lewat E-mail
Ledakkan Nilai Penjualan Anda!,
Jika anda seorang internet marketer yang memiliki produk, jasa atau
peluang usaha, dan anda ingin mempromosikannya kepada konsumen yang membutuhkan,
anda seharusnya memikirkan untuk berpromosi menggunakan "Kekuatan Pemasaran
Email".
-- www.promolis.cjb.net , Juni 2003 -
<P ALIGN="CENTER">
</P>
atribut CENTER juga dapat digantikan dengan berbagai penataan alinea seperti RIGHT atau JUSTIFY.
Penggunaan
Link
Link atau Jalur penghubung, sering dikenal dengan istilah "hyperlinks", memungkinkan sebuah obyek/string dalam dokumen anda untuk di-klik. Pada saat di-klik obyek/string tersebut akan menampilkan sebuah proses lain (action), misalnya membuka halaman dokumen lain atau maju ke halaman berikutnya.
Teks dan Image dapat di beri jalur sambung dengan mudah.
Tag LINK adalah sebuak blok dengan awalan :
<A>
yang menyatakan awal dari obyek yang dapat di-klik dan di akhiri dengan tag :
</A>
yang menyatakan akhir dari link, atau berhentinya jalur sambung. Apapun yang berada di-antara TAG Awal dan TAG Akhir tadi menampilak proses yang sama, TAG semacam ini disebut Tag Blok.
Ada atribut di dalam TAG LINK yang menyatakan kemana tujuan dari jalur sambung tersebut atau apa yang akan diproses. There are Attributes inside a link tag which tell it where to go. Atribut itu diletakkan diantara <> dari tag awal atau tag pembuka.
HREF
Ini adalah atribut dari Tag LINK, yang memberi perintah kepada tag <A> kemana link terebut menuju. HREF diikuti dengan tanda sama dengan =, yang disambung langsung dengan URL (masih ingat URL kan ? ada di atas kalo udah lupa) dari dokumen atau apapun yang di tuju oleh jalur sambung tersebut.
Sebagai contoh adalah Tag berikut:
<A HREF="menu.html"> Menu </A>
Saat teks "menu" di-klik maka browser akan membuka sebuah file yang bernama
menu.html.
<A HREF="menu.html" target="_blank" title="Daftar
Isi lengkap halaman Web"> Menu </A>
Target ="_blank" menyatakan bahwa dokumen yang muncul nanti akan berada di window baru, dan penjelasan yang dikehendaki ada pada tag title.
Jika tidak di beri
"target" maka secara default link akan terbuka pada
jendela browser yang sama.
Perhatikan bahwa atribut dapat ditulis dengan huruf kapital semua atau sebaliknya, namun kebiasaan yang konsisten akan memudahkan anda dikemudian hari.
Beberapa atribut yang dapat diselipkan di antara Tag LINK adalah :
<A>
|
Attribut |
Deskripsi/Penjelasan |
Nilai / Value |
|
HREF |
Menyatakan URL dari dokumen yang akan dibuka saat link di-klik pada browser. |
URL halaman atau dokumen yang dituju, relatif terhadap dokumen |
|
TARGET |
Menyatakan dokumen tersebut akan muncul dibagian mana dari frame atau window. |
Nama dari frame atau window yang dituju |
|
TITLE |
Teks yang akan muncul sebagai pop-ups saat mouse berada di atas link. |
Rangakaian teks yang dikehendaki muncul saat mouse di atas link. |
Mengatur Penataan FONT
Kita dapat memberi sentuhan berbagai macam terhadap font yang kita gunakan dalam HTML, dengan sedikit usaha dan pengetahuan.
TAG FONT akan muncul sebagai berikut:
<FONT> teks... </FONT>
DI dalam bagian awal dari TAG FONT, kita memberi deskripsi bagaimana font yang kita inginkan.
Contohnya :
Untuk menyesuaikan ukuran dari font kita memakai atribut :
<FONT SIZE=4> teks... </FONT>
Ini berarti font yang kita gunakan adalah 4.
Atribut yang dapat kita gunakan dalam Tag FONT adalah :
SIZE= (ukuran Font, dari 1-7)
COLOR= (warna Font, dapat di lihat pada list di bawah)
FACE= (nama Font yang kita gunakan, namun ingat bahwa tidak semua font yang kita kehendaki dimiliki oleh orang lain pula)
Colors
Black, Maroon, Green, Olive, Navy, Purple, Teal, Gray, Silver, Red, Lime, Yellow, Blue, Fuchsia, Aqua, White
Warna lain harus ditulis dengan kode hexadesimal contoh :
Putih = "#FFFFFF"
Hitam = "#000000"
Horizontal Rule
Tag horizontal Rule adalah tag kosong.
<HR>
Kode ini akan menggambar sebuah garis horizontal yang dapat kita gunakan untuk memisahkan isi dari dokumen.
Tag ini dapat dimodifikasi dengan beberapa atribut berikut :
SIZE= ruang vertical yang dipakai
WIDTH= lebar dari garis tersebut
COLOR= warna
ALIGN= LEFT, RIGHT or CENTER
Bila kita tambahkan
NOSHADE
Maka browser tidak akan memberi terang dan gelap pada garis sehingga muncul secara dua dimensional.
MARQUEE
: Taq Marquee dipakai untuk menampilkan teks yang dapat berjalan.
<CENTER><FONT FACE="arial" COLOR="white"><B>
<MARQUEE BGCOLOR="gray" WIDTH="70%">Welcome to My Homepage...!</marquee>
</B></FONT></CENTER>
|
