Make your own free website on Tripod.com

 

 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>

Welcome to My Homepage...!



KEMBALI KE DAFTAR ISI



By Joko Setiawan, Klaten, 10 Juni 2003.