PENGATURAN TEKS
Untuk mendapatkan halaman web yang baik Anda 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>
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.
FACE: Jenis
atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing
dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka
harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus
dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya
akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya
kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja
font standar. Tapi bila Anda ingin menggunakan font yang sedikit
"aneh" Anda bisa menggunakan graphic.
COLOR: Warna
font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung
menggunakan nama warna (red misalnya).
Contoh
:
<FONT
SIZE=4 FACE="Verdana, Arial, Helvetica"
COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>
Contoh
lainnya :
<FONT
SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">
Base
Font: <BASEFONT> Digunakan
untuk mendefinisikan "default text". Attribut sama dengan attribut
FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.
Contoh
:
<BASEFONT
SIZE=2 FACE="Arial,Helvetica" COLOR="#FF0000">
Selain
tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan
pengaturan teks, 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
<PRE> Preformatted Text
<DFN> Definition
<BLINK> Text
berkedip (lebih baik jangan digunakan)
<STRONG> Strong
<ADDRESS>
<CITE> Digunakan
untuk quoting text
<CODE> Monospaced
font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada
dokumen HTML Anda)
<SAMP> Monospaced
font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada
dokumen HTML Anda)
<KBD> Monospaced
font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada
dokumen HTML Anda)
<BIG> Ukuran teks
akan lebih besar satu ukuran
<SMALL> Ukuran teks
akan lebih kecil satu ukuran
<SUP> Membuat
tekssuperscript
<SUB> membuat
tekssub script
<ABBREV> Abbreviations
<ACRONYM> Untuk
akronim
<PERSON> Digunakan
untuk indexing
<Q> Membuat short
inline quotation
<VAR> Membuat
variable name, selalu dalam italics.
2.6 LISTS
Terdapat
tiga tipe list yang dapat digunakan, yaitu :
Unordered
Lists: <UL> Untuk
membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag
<LI>.
Contoh
:
<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>
Dengan atribut TYPE Anda dapat mendefinisikan bentuk
disc, circle atau square bullet point.
Contoh
:
<UL COMPACT TYPE=square> …
Ordered
Lists: <OL> Juga
digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab
atau romawi. List entries juga didefinisikan dengan <LI> tag.
Contoh
:
<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>
Hasil
dari kode di atas adalah :
Untuk TYPE Anda dapat juga menggunakan :
1- Default numbers, 1, 2,
3, etc.
A- Huruf besar. A, B, C,
etc.
a- Huruf kecil. a, b, c,
etc.
I- Romawi huruf besar. I,
II, III, etc.
i- Romawi huruf kecil , i,
ii, iii, etc.
Definition
Lists: <DL>
Contoh
:
<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>
Hasil
dari kode di atas adalah :
2.7 IMAGES
Images
:Digunakan untuk menampilkan image atau animasi gif pada halaman
web Anda.
Atribut
: alt,
align=(center, left, right), hspave, vspace, border, width & height
Contoh
: <IMG SRC="logo.gif" alt="Ini adalah logo halaman
pembuka" width=200 height=100>
<IMG SRC="logo.gif" hspace=10 vspace=5 align=right border=2>
Links
:
Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara
<A> dan </A> akan terdapat garis bawah.
Contoh
:
<A HREF="halaman2.html">Klik di sini</A> Untuk membuat
link ke halaman lain.
<A HREF="mailto:webmaster@klik-kanan.com">Klik di
sini</A> Untuk membuat link pada alamat e-mail.
<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link
ke bagian lain pada halaman yang sama.
<A HREF="halamanlain.html#aplikasi">Klik di sini</A>
Untuk membuat link kebagian lain pada halaman yang berbeda.
<A HREF="halaman2.html"><IMG
SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan
gambar.
Kelebihan yang dimiliki
HTML 5 antara lain
Dukungan yang lebih baik untuk penyimpanan secara offline
Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran file multimedia
Elemen konten yang lebih spesifik, seperti artikel, footer, header,
nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url,
search
Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML)
danXML.
Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
Integrasi ('inline') dengan doctype yang lebih sederhana.
Penulisan kode yang lebih efisien.
Konten yang ada di situs lebih mudah terindeks oleh search engine.
HTML5 merupakan perangkat mandiri
Penanagan kesalahan yang lebih baik
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Lebih markup untuk menggantikan scripting
Adapun kelebihan yang paling menonjol dari HTML 5 adalah kemudahan akses
yang lebih baik. Tag Baru seperti header, footer, nav, section,
asidedll memungkinkan browser untuk mengakses konten dengan mudah.
Sebelumnya, kita hanya menentukan hal tersebut dengan tag dan
menggunakan atribut id ataupun class. Dengan tag html 5 yang baru,
browser mampu menjelajah dokumen HTML dengan lebih baik lagi. Selain itu
dukungan yang lebih baik terhadap video dan audio. Beberapa Peramban
yang sudah mendukung HTML 5 yaitu Safari, Chrome, Firefox, dan Opera.
Kelemahan yang ada pada HTML 5
Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser
yang sudah mendukung HTML5, seperti fitur-fitur pada HTML 5 tidak
semuanya bisa berfungsi dengan baik pada beberapa browser. Beberapa
browser yang sudah mendukung HTML 5 seperti Safari, Chrome, Firefox, dan
Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa
fitur dari HTML5.
Copy and WIN : http://ow.ly/KfYkt
Copy and WIN : http://ow.ly/KfYkt
Kelebihan yang dimiliki
HTML 5 antara lain
Dukungan yang lebih baik untuk penyimpanan secara offline
Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran file multimedia
Elemen konten yang lebih spesifik, seperti artikel, footer, header,
nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url,
search
Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML)
danXML.
Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
Integrasi ('inline') dengan doctype yang lebih sederhana.
Penulisan kode yang lebih efisien.
Konten yang ada di situs lebih mudah terindeks oleh search engine.
HTML5 merupakan perangkat mandiri
Penanagan kesalahan yang lebih baik
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Lebih markup untuk menggantikan scripting
Adapun kelebihan yang paling menonjol dari HTML 5 adalah kemudahan akses
yang lebih baik. Tag Baru seperti header, footer, nav, section,
asidedll memungkinkan browser untuk mengakses konten dengan mudah.
Sebelumnya, kita hanya menentukan hal tersebut dengan tag dan
menggunakan atribut id ataupun class. Dengan tag html 5 yang baru,
browser mampu menjelajah dokumen HTML dengan lebih baik lagi. Selain itu
dukungan yang lebih baik terhadap video dan audio. Beberapa Peramban
yang sudah mendukung HTML 5 yaitu Safari, Chrome, Firefox, dan Opera.
Kelemahan yang ada pada HTML 5
Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser
yang sudah mendukung HTML5, seperti fitur-fitur pada HTML 5 tidak
semuanya bisa berfungsi dengan baik pada beberapa browser. Beberapa
browser yang sudah mendukung HTML 5 seperti Safari, Chrome, Firefox, dan
Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa
fitur dari HTML5.
Copy and WIN : http://ow.ly/KfYkt
Copy and WIN : http://ow.ly/KfYkt
Kelebihan yang dimiliki
HTML 5 antara lain
Dukungan yang lebih baik untuk penyimpanan secara offline
Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran file multimedia
Elemen konten yang lebih spesifik, seperti artikel, footer, header,
nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url,
search
Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML)
danXML.
Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
Integrasi ('inline') dengan doctype yang lebih sederhana.
Penulisan kode yang lebih efisien.
Konten yang ada di situs lebih mudah terindeks oleh search engine.
HTML5 merupakan perangkat mandiri
Penanagan kesalahan yang lebih baik
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Lebih markup untuk menggantikan scripting
Adapun kelebihan yang paling menonjol dari HTML 5 adalah kemudahan akses
yang lebih baik. Tag Baru seperti header, footer, nav, section,
asidedll memungkinkan browser untuk mengakses konten dengan mudah.
Sebelumnya, kita hanya menentukan hal tersebut dengan tag dan
menggunakan atribut id ataupun class. Dengan tag html 5 yang baru,
browser mampu menjelajah dokumen HTML dengan lebih baik lagi. Selain itu
dukungan yang lebih baik terhadap video dan audio. Beberapa Peramban
yang sudah mendukung HTML 5 yaitu Safari, Chrome, Firefox, dan Opera.
Kelemahan yang ada pada HTML 5
Saat ini HTML5 masih dalam pengembangan, sehingga hanya beberapa browser
yang sudah mendukung HTML5, seperti fitur-fitur pada HTML 5 tidak
semuanya bisa berfungsi dengan baik pada beberapa browser. Beberapa
browser yang sudah mendukung HTML 5 seperti Safari, Chrome, Firefox, dan
Opera. Namun kabarnya IE9 (Internet Explorer) akan mendukung beberapa
fitur dari HTML5.
Copy and WIN : http://ow.ly/KfYkt
Copy and WIN : http://ow.ly/KfYkt
No comments:
Write komentar