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>