MATERI HTML | Catatan Kecil
KONSEP DASAR HTML
HTML
( HyperText Mark up
hypertext adalah kata
yang dapat menunjukkan
hubungan suatu naskah
dokumen dengan naskahnaskah lainnya
Language )
markup menunjukkan
bahwa pada file HTML
berisi suatu instruksi
tertentu yang dapat
memberikan suatu
format pada dokumen
yang akan ditampilkan
pada World Wide Web
Language menunjukkan
bahwa HTML bukan
merupakan bahasa
pemrograman, HTML
merupakan kumpulan
dari beberapa instruksi
yang dapat digunakan
untuk mengubah-ubah
format suatu naskah
atau dokumen
FORMAT PENULISAN HTML
Contoh HTML
Belajar Desain Web
contoh
PENGATURAN BACKGROUND
Background warna
Background gambar
PENGATURAN BACKGROUND WARNA
Warna Dasar
Aqua
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Contoh:
Belajar Desain Web
Navy
Olive
Purple
Red
Silver
Teal
White
Yellow
PENGATURAN BACKGROUND WARNA
Kombinasi Warna
terang
#_ _ _ _ _ _
R
G
B
0 1 2 3 4 5 6 7 8 9 A B C D E F
gelap
contoh
#FFFFFF
#000000
Contoh:
Belajar Desain Web
=
=
putih
hitam
PENGATURAN GAMBAR
Syarat : - Ukuran file maksimal 100 Kb
- Lebar : 500 pixel, Tinggi : 400 pixel
Format Gambar :
-
GIF
JPG
Bitmap
Tiff
Targa
-
Windows Metafiles
Sun Raster
PostScript
PCD
PCX
Keterangan
GIF
JPEG
Dukungan Browser
Sangat Bagus
Bagus
Jenis Warna
256
16,7 juta
Interlace Image
Ya
Tidak
Transparent Image
Ya
Tidak
Animasi
Ya
Tidak
Jenis Pemadatan
Lossless Compression
Lossy Compression
Ukuran File
Lebih Kecil
Lebih Besar
Pemadatan Gambar Logo/Icon
Sangat Bagus
Kurang
Fotografi
Jelek
Sangat Bagus
Waktu Menampilkan
Lebih Cepat
Lebih Lambat
MENAMPILKAN GAMBAR
Format Penulisan:
Mengatur lebar gambar
menampilkan teks pada saat mouse
didekatkan pada gambar
< IMG SRC = ”…” WIDTH = ”…” HEIGHT = ”…” ALT = ”…” BORDER = ”…” >
menampilkan file gambar
menampilkan frame pada gambar
Mengatur tinggi gambar
Contoh:
HTML
( HyperText Mark up
hypertext adalah kata
yang dapat menunjukkan
hubungan suatu naskah
dokumen dengan naskahnaskah lainnya
Language )
markup menunjukkan
bahwa pada file HTML
berisi suatu instruksi
tertentu yang dapat
memberikan suatu
format pada dokumen
yang akan ditampilkan
pada World Wide Web
Language menunjukkan
bahwa HTML bukan
merupakan bahasa
pemrograman, HTML
merupakan kumpulan
dari beberapa instruksi
yang dapat digunakan
untuk mengubah-ubah
format suatu naskah
atau dokumen
FORMAT PENULISAN HTML
Contoh HTML
Belajar Desain Web
contoh
PENGATURAN BACKGROUND
Background warna
Background gambar
PENGATURAN BACKGROUND WARNA
Warna Dasar
Aqua
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Contoh:
Belajar Desain Web
Navy
Olive
Purple
Red
Silver
Teal
White
Yellow
PENGATURAN BACKGROUND WARNA
Kombinasi Warna
terang
#_ _ _ _ _ _
R
G
B
0 1 2 3 4 5 6 7 8 9 A B C D E F
gelap
contoh
#FFFFFF
#000000
Contoh:
Belajar Desain Web
=
=
putih
hitam
PENGATURAN GAMBAR
Syarat : - Ukuran file maksimal 100 Kb
- Lebar : 500 pixel, Tinggi : 400 pixel
Format Gambar :
-
GIF
JPG
Bitmap
Tiff
Targa
-
Windows Metafiles
Sun Raster
PostScript
PCD
PCX
Keterangan
GIF
JPEG
Dukungan Browser
Sangat Bagus
Bagus
Jenis Warna
256
16,7 juta
Interlace Image
Ya
Tidak
Transparent Image
Ya
Tidak
Animasi
Ya
Tidak
Jenis Pemadatan
Lossless Compression
Lossy Compression
Ukuran File
Lebih Kecil
Lebih Besar
Pemadatan Gambar Logo/Icon
Sangat Bagus
Kurang
Fotografi
Jelek
Sangat Bagus
Waktu Menampilkan
Lebih Cepat
Lebih Lambat
MENAMPILKAN GAMBAR
Format Penulisan:
Mengatur lebar gambar
menampilkan teks pada saat mouse
didekatkan pada gambar
< IMG SRC = ”…” WIDTH = ”…” HEIGHT = ”…” ALT = ”…” BORDER = ”…” >
menampilkan file gambar
menampilkan frame pada gambar
Mengatur tinggi gambar
Contoh: