digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng‐identasi teks). Contoh: Ketiklah dengan program notepad dan simpan dengan nama file blockquote.htmlblockquote Sesuatu yang perlu dicoba
Trademark Notice
Rather than indicating every occurrence of a trademarked name as such,
this book uses the names only in an editorial fashion
and to the benefit of the trademark owner
with no intention of infringement of the trademark.
PREFORMATTED TEXT Preformatted Text (pre) digunakan untuk menampilkan teks sama seperti yang Anda ketikkan dalam dokumen html. Browser akan menampikan teks tersebut dalam font monospaced, yaitu seperti terlihat dalam teks yang tampilkan oleh aplikasi berbasis teks (misalnya telnet). Contoh: Ketiklah dengan program notepad dan simpan dengan nama file performatted.htmlPreformatted Text <pre>All rights reserved. No part of this book may be reproduced,
stored in a retrieval system or transmitted in any form or
by any means, without the prior written permission of the
publisher, except in the case of brief quotations
embedded in critical articles or reviews.
1
Desain Web – AKMI Baturaja
UKURAN FONT Untuk mengatur huruf dokumen html digunakan tag . Tag memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan. Contoh: Ketiklah dengan program notepad dan simpan dengan nama file font_size.htmlUkuran font Ukuran font 1
Ukuran font 2
Ukuran font 3
Ukuran font 4
Ukuran font 5
Ukuran font 6
Ukuran font 7
JENIS FONT Atribut face digunakan untuk mengatur jenis huruf yang diinginkan. Atribut face harus diisi dengan string jenis font seperti Arial, Times New Roman,Verdana, dan sebagainya. Contoh: Ketiklah dengan program notepad dan simpan dengan nama file font_face.htmlJenis Font Comic Sans MS --- ABCdef123Small Fonts --- ABCdef123
Symbol --- ABCdef123
WingDings --- ABCdef123
2
Desain Web – AKMI Baturaja
Manipulasi Teks Untuk memberi efek, dekorasi atau pun manipulasi teks pada html diantaranya adalah menebalkan, tulisan miring(italic), memberi coretan dan lain‐lainnya Contoh : Ketiklah dengan program notepad dan simpan dengan nama file manipulasi_teks.htmlManipulasi Teks Tebal
Miring
Garis Bawah
<S>Tercoret
<STRIKE>Tercoret juga
Seperti mesin tik
Tulisan Besar
<SMALL>Tulisan Kecil
Teks <SUB>subcript
Teks <SUP>supercript
VARIASI FONT
Dokumen HTML menggunakan font default dari Windows (Sistem Operasi Komputer) atau browser (Internet Explorer), biasanya Times New Roman dengan ukuran 12 point. Kita bisa mengubah jenis, warna dan ukuran font sesuai dengan selera menggunakan tag diikut dengan atribut-atributnya. Misalnya untuk mengubah jenis font digunakan atribut FACE: Ini adalah font Arial, ini adalah font Verdana, dan ini adalah font Impact
3
Desain Web – AKMI Baturaja
Bila dilihat dalam browser, akan tampak seperti ini: Ini adalah font Arial, ini adalah font Verdana, dan ini adalah font Impact
Untuk mengubah ukuran font, gunakan atribut SIZE: Font Size 1, Font Size 2, Font Size 3, Font Size 4, Font Size 5, Font Size 6, Font Size 7
Bila dilihat dalam browser, akan tampak seperti ini:
Font Size 1,
Font Size 2, Font Size 3, Font Size 4,
Font Size 5, Font
Size 6, Font
Size 7 Sedangkan untuk mengubah warna tulisan, menggunakan atribut COLOR: Tulisan warna biru, Tulisan warna merah, Tulisan warna kuning
Bila dilihat dalam browser, akan tampak seperti ini: Tulisan warna biru, Tulisan warna merah, Tulisan warna kuning
4
Desain Web – AKMI Baturaja
Dalam satu tag FONT bisa menggabungkan lebih dari satu atribut. Perhatikan contoh berikut: Font Arial ukuran 2, Font Verdana warna merah, Font Impact ukuran 5 warna biru
Bila dilihat dalam browser, akan tampak seperti ini: Font Arial ukuran 2, Font Verdana warna merah,
Font Impact ukuran 5 warna biru
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O). black white red yellow lime aqua
#000000 #FFFFFF #FF0000 #FFFF00 #00FF00 #00FFFF
Blue fuchsia Gray silver maroon
#0000FF #FF00FF #808080 #C0C0C0 #800000
olive green teal navy purple
#808000 #008000 #008080 #000080 #800080
ORDERED LIST Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.htmlLink ORDERED LIST
- baris pertama
- baris kedua
- baris ketiga
- baris keempat
5
Desain Web – AKMI Baturaja
UNORDERED LIST Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.htmlLink UNORDERED LIST
HTML menyediakan beberapa jenis daftar/list, yaitu :
- Ordered List / numbered list (daftar berurut / daftar dengan nomor)
- Unordered List / bulleted list (daftar tak berurut / daftar dengan titik)mempunyai beberapa variasi,yaitu:
- UnOrdered List dengan tanda cakram (TYPE=disc)
- UnOrdered List dengan tanda bulatan (TYPE=circle)
- UnOrdered List dengan tanda kotak (TYPE=square)
- Menu List (daftar menu)
- Directory List
- Definition List (Glossary / daftar istilah)
6
Desain Web – AKMI Baturaja
Buatlah file html yang hasilnya seperti di bawah ini ! Simpan dengan nama file :
Teks ini Berkedip-kedip yaa
7