Buku Tamu

Rabu, 30 Juni 2010

Pengaturan Teks pada HTML

Untuk mendapatkan
halaman web yang baik kita harus melakukan pengaturan
terhadap teks seperti memilih jenis dan ukuran
huruf, perataan, dll. Tag-tag di bawah ini yang
biasa digunakan dalam pengaturan teks :


Headers:
<Hn>..</Hn> Digunakan untuk mengatur
ukuran huruf pada header. "n" mempunyai nilai
antara 1 - 6 atau antara <H1> sampai <H6>,
dengan <H1> merupakan ukuran terbesar dan
<H6> merupakan ukuran terkecil.

Contoh :

<H2>Tutorial
Html</H2>



Hasilnya akan terlihat seperti :

Belajar
Html

Paragraph
Baru: <P> Digunakan untuk pindah alinea
atau paragraf. Tag ini bisa diberi akhiran </P>
tapi juga bisa tidak diberi.

Line
Break: <BR/> Digunakan untuk pindah ke
baris baru.

No Line
Break: <NOBR> Bila digunakan tag ini
maka teks yang panjang tidak secara otomatis pindah
baris bawahnya bila baris pertama sudah terlalu
panjang.

Font
<FONT> Untuk mendefinisikan berbagai
attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE:
Ukuran font yang digunakan, berkisar antara 1
- 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan
ukuran terbesar.

COLOR:
Warna font, didefinisikan dengan menggunakan nilai
RGB/HEX atau bisa juga langsung menggunakan nama
warna (red misalnya).

Untuk tag attribut FONT Face masih belum akan kita pelajari di SMA.

Contoh
:


<FONT
SIZE=4 COLOR="#FF0000">Contoh
teks yang berwarna merah</FONT>



Hasilnya akan terlihat seperti :



Contoh teks yang berwarna
merah

Contoh lainnya
:

<FONT
SIZE=2 COLOR="#0066CC">

Di bawah ini dalah beberapa
tag dan atribut yang kita perlukan untuk mempercantik teks web kita, yaitu
:

Perhatian
: Semua tag di bawah ini membutuhkan tap penutup.

<B>
Bold
text


<I> Italic
text

<U> Underscore

<TT> Typewriter


<S> Strikeout - draws a line
through the text

<BLINK> Text berkedip (Agar teks menarik perhatian)

<STRONG>Strong




<blockquote>

Digunakan untuk menambahkan teks seperti kutipan


<CODE> Monospaced
font (digunakan bila kita ingin meletakkan
(memperlihatkan) kode HTML pada dokumen HTML kita)

<BIG>Ukuran
teks akan lebih besar satu ukuran

<SMALL>Ukuran
teks akan lebih kecil satu ukuran


<SUP> Membuat tekssuperscript

<SUB> membuat tekssub script
Diposting oleh Retphern di 8:59:00 PM 0 komentar
Label: , ,

Struktur dasar HTML

HTML (Hypert Text Markup Language) adalah bahasa pemrograman
yang digunakan dalam pembuatan halaman
web. Dalam penggunaannya sebagian besar kode HTML
tersebut harus terletak di antara tag.
Yaitu diawali dengan <namatag> dan diakhiri
dengan </namatag> (untuk akhir tag terdapat tanda "/" sebelum nama tag).
Untuk membuat dokumen HTML kita bisa menggunakan aplikasi notepad atau dreamweaver.
Untuk di notepad kita hany perlu melakukan save as dokumen yang telah kita ketikkan pada notepad dengan format HTML>


Sebuah halaman web minimal mempunyai empat buat
tag, yaitu :

<HTML>
Sebagai tanda awal dokumen HTML.

<HEAD>
Sebagai informasi page header. Di dalam tag ini
kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX,
LINK, SCRIPT, STYLE & META.

<TITLE>
Sebagai titel atau judul halaman. Kalimat yang
terletak di dalam tag ini akan muncul pada bagian
paling atas browser kita (pada title bar).

Contoh :



<TITLE>Belajar HTML --
herriezaoldyeck.blogspot.com</TITLE>

<BODY>
Di dalam tag ini bisa diletakkan berbagai page
attribute seperti warna latar belakang, warna
teks, warna link, warna visited link, warna active
link dan lain-lain.

Atribut
:

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK,
LEFTMARGIN & TOPMARGIN.

Contoh
:

<BODY
bgcolor="#000000" background="images/pcb.gif"
text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Sebuah contoh sederhana dokumen HTML :


<HTML>

<HEAD>

<TITLE>INI HALAMAN WEB SAYA YANG PERTAMA......

</TITLE>

</HEAD>

<BODY bgcolor="#FFFFFF" text="#FF0000">

Kita dapat letakkan
text, gambar, dan link kita di sini

</BODY>

</HTML>

Diposting oleh Retphern di 8:47:00 PM 0 komentar
Label: , ,
Langganan: Postingan (Atom)

Share

Share |