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=/slideshow/pertemuan-07-34707408/34707408/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=/slideshow/pertemuan-07-34707408/34707408/"Atas.htm">
<FRAMESET COLS="180,*">
<FRAME NAME="menu" SRC="Kiri.htm"
SCROLLING="no">
<FRAME NAME="main" SRC="Kanan.htm">
</FRAMESET>
</FRAMESET>
</HTML>
![By I Wayan Simpen
Bentuk umum Frame
<FRAMESET BORDER=# ([rows|cols}=(#, [#
[,..]])>
<FRAME SRC=/slideshow/pertemuan-07-34707408/34707408/url NAME=namaFrame>
</FRAMESET>](https://image.slidesharecdn.com/pertemuan07-140515012312-phpapp01/85/Pertemuan-07-20-320.jpg)
