Desain Web AKMI Baturaja

Ukuran: px

Mulai penontonan dengan halaman:

Download "Desain Web AKMI Baturaja"

Doddy Chandra
7 tahun lalu
Tontonan:

1 BLOCKQUOTE Perintah tag <blockquote> digunakan untuk menulis kutipan teks. Dengan perintah ini browser akan menampilkan teks menjorok ke dalam (meng identasi teks). Ketiklah dengan program notepad dan simpan dengan nama file blockquote.html <title>blockquote</title> <h3>sesuatu yang perlu dicoba</h3> <blockquote> 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.</blockquote> 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). Ketiklah dengan program notepad dan simpan dengan nama file performatted.html <title>preformatted Text</title> <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. </pre> 1

2 UKURAN FONT Untuk mengatur huruf dokumen html digunakan tag . Tag memiliki beberapa atribut untuk mengatur ukuran huruf yang akan digunakan. Ketiklah dengan program notepad dan simpan dengan nama file font_size.html <title>ukuran font</title> 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. Ketiklah dengan program notepad dan simpan dengan nama file font_face.html <title>jenis Font</title> Comic Sans MS --- ABCdef123 Small Fonts --- ABCdef123 Symbol --- ABCdef123 WingDings --- ABCdef123 2

3 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 <title>manipulasi Teks</title> <! PSYSICAL STYLE> Tebal <! untuk menebalkan teks > Miring <! untuk membuat teks terlihat miring> Garis Bawah <! untuk menggarisbawahi teks> <S>Tercoret</S> <! untuk memberikan coretan pada teks> <STRIKE>Tercoret juga</strike> <! untuk memberikan coretan pada teks > <BLINK> Berkedip</BLINK> <! untuk membuat teks berkedip > <TT>Seperti mesin tik</tt> <! untuk menampilkan teks dalam font typewriter > <BIG>Tulisan Besar</BIG> <! untuk membesarkan teks > Tulisan Kecil <! untuk mengecilkan teks > Teks subcript <! untuk membuat teks subscript> Teks supercript <! untuk membuat teks superscript> 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

4 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 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 Tulisan warna biru, Tulisan warna merah, Tulisan warna kuning 4

5 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 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 # Blue #0000FF olive # white #FFFFFF fuchsia #FF00FF green # red #FF0000 Gray # teal # yellow #FFFF00 silver #C0C0C0 navy # lime #00FF00 maroon # purple # aqua #00FFFF ORDERED LIST Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.html <title>link</title> <! ORDERED LIST > ORDERED LIST <ol> <li>baris pertama</li> <li>baris kedua </li> <li>baris ketiga </li> <li>baris keempat </li> </ol> 5

6 UNORDERED LIST Ketiklah dengan program notepad dan simpan dengan nama file ordered_list.html <title>link</title> <! UNORDERED LIST > UNORDERED LIST HTML menyediakan beberapa jenis daftar/list, yaitu : <ul> <li> Ordered List / numbered list (daftar berurut / daftar dengan nomor)</li> <li> Unordered List / bulleted list (daftar tak berurut / daftar dengan titik)mempunyai beberapa variasi,yaitu: <ul> <li type="disc"> UnOrdered List dengan tanda cakram (TYPE=disc) </li> <li type="circle"> UnOrdered List dengan tanda bulatan (TYPE=circle) </li> <li type="square"> UnOrdered List dengan tanda kotak (TYPE=square) </li> </ul> </li> <li> Menu List (daftar menu) </li> <li> Directory List </li> <li> Definition List (Glossary / daftar istilah) </li> </ul> 6

7 Buatlah file html yang hasilnya seperti di bawah ini! Simpan dengan nama file : Teks ini Berkedip-kedip yaa 7

dokumen-dokumen yang mirip

Memberikan coretan pada teks. Menampilkan teks dalam format typewriter

Memberikan coretan pada teks. Menampilkan teks dalam format typewriter MODUL III EFEK KARAKTER FISIK 3.1 Efek cetak pada huruf Efek cetak pada huruf seperti cetak tebal, miring dan garis bawah termasuk kedalam apa yang disebut dengan physical style atau karakter fisik yang