Bab5 transparansi

WEBSITE
Layanan World Wide Web (WWW) adalah layanan
yang mampu menampilkan dokumen dalam bentuk
teks, grafis dan dapat bersifat interaktif.
Pembuatan website ini menggunakan sebuah bahasa
yang dinamakan Hyper Text Markup Language
(HTML).

1

PENGENALAN HTML
Dengan menggunakan HTML, kita dapat :





2

Mendesain tampilan website beserta isinya
Membuat form interaktif untuk formulir pendaftaran,

belanja online, dan lain-lain
Menambahkan gambar, suara maupun video
ke dalam tampilan website.

PENULISAN HTML

3



Memerlukan sebuah editor sebagai media penulisan
dokumen HTML. Editor yang dapat digunakan
antara lain Notepad, Macromedia Dreamweaver,
Frontpage.



Hasil penulisan sebuah dokumen HTML ditampilkan
dalam
Browser.

Browser
berfungsi
untuk
menterjemahkan tag-tag HTML menjadi sebuah
halaman web.

TAG (PERINTAH) HTML
Bentuk dasar :
….

Bentuk lengkap :

elemen
attribute
value
Contoh :

4

 nama tag

 attribute dari tag
 nilai suatu attribute



STRUKTUR DOKUMEN HTML

5



Tag HTML

: .......



Tag HEAD

: ........



Tag TITLE

: .........



Tag BODY

: ........

STRUKTUR DOKUMEN HTML


........judul.......


........isi...........

6

ELEMEN DASAR HTML (1)

7



Blok Level Elemen
tag : ....



Paragraf
tag : ......



Huruf :
tag : .....



Format Teks

ELEMEN DASAR HTML (2)
Beberapa contoh tag untuk memformat teks :
...

Memformat teks untuk dicetak
tebal

...

Memformat teks dengan garis
bawah

...

Memformat teks menjadi supescript

... Memformat teks seperti di coret
…

8

Teks berkedip

LINKS


Digunakan untuk membuat link ke halaman lain.



Tag :
...........

9



Tulisan yang terletak antara dan akan
terdapat garis bawah.



Contoh : Klik di sini

LISTS






10

Unordered Lists
Membuat daftar item dengan tanda bullet
Ordered Lists
membuat daftar item, yang memiliki nomor secara
urut.
Definition Lists
mendefinisikan/menjelaskan istilah-istilah

CONTOH LISTS (1)


An Unordered List:

Coffee
Tea
Milk

11

An Unordered List
• Coffee
• Tea
• Milk

CONTOH LISTS (2)


An Ordered List :

Coffee
Tea
Milk

12

An Ordered List :
1. Coffee
2. Tea
3. Milk

CONTOH LISTS (3)


A Definition List :

Coffee
Black hot drink
Milk
White cold drink




13

A Definition List :
Coffee
Black hot drink
Milk
White cold drink

IMAGES
Digunakan untuk menampilkan gambar atau animasi pada
halaman web. Format gambar yang dapat digunakan :
PICT, GIF, JPEG, BMP, dan lain-lain
Tag :



disertai dengan atribut :
SRC
 menentukan sumber gambar yang akan ditampilkan
ALT
 alternatif bila browser berbasis teks
ALIGN
 mengatur perataan teks (LEFT/CENTER/RIGHT)
Contoh :

14



TABLES
Berguna untuk membuat halaman web “terbagi” pada
beberapa kolom/baris.
Tag :

.....

Elemen utama dalam pembuatan table :
..  table row : membuat baris baru pada tabel
..  table data : membuat kolom baru pada tabel

15

Tag dan harus terletak di antara tag dan
.

CONTOH TABLE


Nama Lab.
Lokasi


Lab. Internet Dasar
Gd 3 Lt 2 Depok



16

Nama Lab.
Lab. Internet
Dasar

Lokasi
Gd 3 Lt 2
Depok

FRAMES
Digunakan untuk membagi-bagi window browser menjadi
beberapa

bagian

sehingga

berbagai

informasi

ditampilkan pada satu saat.
Tag :
untuk membentuk baris frame


untuk membentuk kolom frame



17

dapat

CONTOH FRAMES (1)








18

Frame a
Frame b
Frame c

CONTOH FRAMES (2)








19

Frame Frame Frame
a
b
c

CONTOH FRAMES (3)



Frame a









20

Frame b Frame c