Style Untuk Font Family
Membuat Teks Italic
Membuat Teks Tebal
Mengatur Ukuran Font
Mengatur Jarak Baris Dalam Paragraf
Mengubah Warna Text
Mengubah Warna Background Text
Style Untuk Font Family
Membuat Teks Italic
Membuat Teks Tebal
Mengatur Ukuran Font
Mengatur Jarak Baris Dalam Paragraf
Mengubah Warna Text
Mengubah Warna Background Text
3. By I Wayan Simpen
Font
• Atribut Tag Font
Atribut Kegunaan
Size=“n” Menentukan ukuran font
sebesar n (n=1..7)
Size=“+n” Menaikkan ukuran font
sebesar n
Size=“-n” Menurunkan ukuran forn
sebesar n
Face=“Nama_Font” Menentukan jenis fornt
Color=“Warna” Menentukan warna font
8. By I Wayan Simpen
Menggunakan <Font face=“”>
<BODY BGCOLOR="SILVER">
<FONT SIZE=6>
<FONT face="Arial Black">Font Arial
Balck</font><br>
<FONT face="Tahoma">Font Tahoma</font><br>
<FONT face="Comic Sans MS">Font Comic Sans
MS</font><br>
<FONT face="Time New Roman">Font Time New
Roman</font><br>
<FONT face="Arenski">Font Arenski</font>
</BODY>
10. By I Wayan Simpen
Contoh Lain
<body bgcolor="silver">
<p><FONT face="Tahoma" size="6" color="red">
Apakah dokumen HTML itu ?</font>
<p align="justify"><FONT face="Comic Sans MS"
color="green">
Adalah file teks reguler (file ASCII) yang diciptakan
dengan menggunakan editor teks (misalnya,
Notepad dalam Windows, Emacs atau vi dalam
Unix/Linux) atau dengan menggunakan word
processor, yaitu bila menyimpannya dalam format
"text only with line breaks"</font>
11. By I Wayan Simpen
<p><FONT face="Time New Roman" Color="Blue">
Adalah dokumen yang tampil dalam Web, dimana
semua orang dalam
seluruh jaringan Internet di seluruh dunia dapat
mengaksesnya
</body>
13. By I Wayan Simpen
CSS
• CSS (Cascade Style Sheet) merupakan
fitur baru dari HTML hal ini diperlukan
agar manajemen pages menjadi lebih
mudah dan efesien.
• Aturan Penggunaan CSS
Selector {property:Value}
14. By I Wayan Simpen
Jenis CSS
CSS
CSS Internal
CSS External
CSS in Line
15. By I Wayan Simpen
CSS Internal<HTML>
<HEAD>
<style>
body {background-color:silver}
h1 {color : red}
h2 {color : blue}
p {font-size:10pt; margin-left: 15px; text-
align:Justify}
A:Link {color:Blue}
A:Visibled {color:red}
A:Ative {Color:green}
A:Hover {color:maroon; font-weight:bold}
</style>
</HEAD>
<BODY>……..</BODY><HTML>
16. By I Wayan Simpen
CSS External
body {background-color:silver}
h1 {color : red}
h2 {color : blue}
p {font-size:10pt; margin-left: 15px; text-
Align:Justify}
A:Link {color:Blue}
A:Visibled {color:red}
A:Ative {Color:green}
A:Hover {color:maroon; font-weight:bold}
Buat Dokumen dengan nama Format.CSS
yang isinya sebagai berikut:
17. By I Wayan Simpen
Cara Memangil CSS
• Tempatkan perintah berikut pada antara
tag <HEAD> dan </EHAD>
<HEAD>
<Link rel="stylesheet" type="text/css"
href="format.css">
</HEAD>
19. By I Wayan Simpen
FRAME
• Untuk membangun web page yang
memungkinkan menampilkan beberapa
web page dalam satu window browser.
• Untuk memperjelas penyajian informasi
dan biasanya disediakan menu pilihan.
20. By I Wayan Simpen
Bentuk umum Frame
<FRAMESET BORDER=# ([rows|cols}=(#, [#
[,..]])>
<FRAME SRC=“url” NAME=“namaFrame”>
</FRAMESET>
21. By I Wayan Simpen
Target Frame
Nama Frame Kegunaan
_self
Target frame adalah frame tempat
link berada
_top
Target frame adalah window
tempat frame berada (frame yang
lain akan hilang)
_parent
Target frame adalah setingkat di
atas link berada
_blank Membuka pada window baru
22. By I Wayan Simpen
Contoh:
• Buat 3 dokumen html dengan nama masing-
masing: Atas.htm, Kiri.htm, dan Kanan.htm
• Buat frame seperti berikut:
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<FRAMESET FRAMESPACING="1" ROWS="92,*">
<FRAME NAME="judul" SCROLLING="no"
NORESIZE src="Atas.htm">
<FRAMESET COLS="180,*">
<FRAME NAME="menu" SRC="Kiri.htm"
SCROLLING="no">
<FRAME NAME="main" SRC="Kanan.htm">
</FRAMESET>
</FRAMESET>
</HTML>