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.html blockquote
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.html Preformatted 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.html Ukuran 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.html Jenis Font Comic Sans MS --- ABCdef123
Small 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.html Manipulasi TeksTebal 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.html Link 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.html Link 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 :
