Gambar biasanya digunakan untuk memperindah situs.
Format gambar yang biasa digunakan :
1.JPEG . Format jpeg memiliki ukuran kompresi yang besar ( ukuran file bisa lebih kecil dari gif) tidak mendukung animasi.
2.GIF. Format gif mampu menampilkan gambar animasi, ukuran file relatif kecil dengan tidak mengurangi warna.
Tag HTML yang digunakan untuk menampilkan gambar : IMG
<IMG SRC="gambar/propagation.gif " >
1.Atribut SRC <IMG SRC=”nama file “> digunakan untuk menetukan sumber gambar.
2.Atribut BORDER <IMG BORDER=” ”> untuk memberi tanda batas pada gambar
Tag HTML yang digunakan untuk membuat Link : A
1.Target = “_BLANK” à memuat dokumen baru untuk ke dalam jendela baru yang kosong
2.Target = “_SELF” à memuat dokumen baru ke dalam jendela yang sama
3.Target = “_PARENT” à memuat dokumen baru ke dalam parent frame ( bila menggunakan frame)
4.Target = “_TOP” à memuat dokumen baru ke dalam keseluruhan window browser (cara yang umum
digunakan untuk keluar dari frame)
Untuk membuat link pada folder yang terpisah pada tag
<A HREF = “ “> disertakan juga nama foldernya.
Perhatikan gambar dibawah ini. File-file html berada pada direktori C:\My Documents\Modul HTML, direktori ini disebut sebagai direktori induk
Untuk membuat link dari file latihan 3-1html ke halaman web link.html yang berada pada direktori Link direktori digunakan kode tag sebagai berikut :
<A HREF = “ link/link.html”> </A>
Tag HTML yang digunakan untuk membuat teks berjalan : marquee
<marquee> teks berjalan </marquee>
Atribut yang digunakan :
1. BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
2. DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
3. BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide --> teks bergerak sekali lalu berhenti
Alternate --. teks bergerak dari kiri kekanan lalu balik lagi
4. SCROLLAMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
5. SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
6. LOOP="angka|-1|infinite" --> Mengatur jumlah loop
7. WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Tag <font> dapat digunakan untuk mengubah ukuran, jenis, dan warna dari teks.
<font> ini tulisan terbaru </font>
Atribut untuk teks font :
<font size= “..” > : digunakan untuk mengatur ukuran huruf. Ukuran yang
digunakan dari 1(untuk yang terkecil) sampai 7(yang terbesar).
<font face = “ ..”> : digunakan untuk mengatur jenis huruf yang digunakan. Jenis huruf yang dapat digunakan adalah jenis huruf yang telah terinstall dalam komputer tersebut.
<font color= “..”> : digunakan untuk mengatur warna huruf.
Membuat Daftar
List merupakan bentuk yang umum yang biasa digunakan untuk menguraikan daftar sesuatu.
<LI>……..</LI>
Jenis-jenis list dalam HTML :
1.Ordered List
2.Unordered List
3.Definition List
2.Unordered List
3.Definition List
Untuk membuat daftar dengan memperhatikan urutan maka digunakan tag HTML OL (Ordered List)
<OL>……..</OL>
1.Default angka 1, 2, 3…dst digunakan pada daftar.
2.Untuk merubah model urutan pada daftar tsb digunakan attribut TYPE
1.Attribut type dengan nilai I akan menghasilkan Romawi dengan huruf besar
2.Attribut type dengan nilai I akan menghasilkan Romawi dengan huruf kecil
3.Attribut type dengan nilai A akan menghasilkan abjad dengan huruf besar
4.Attribut type dengan nilai a akan menghasilkan abjad dengan huruf kecil
3.Untuk merubah angka awal digunakan Attribut Start dengan nilai angka
Untuk membuat daftar dengan tidak memperhatikan urutan maka digunakan tag HTML UL (Unordered List)
<UL>……..</UL>
1.Default bullet digunakan pada daftar.
2.Untuk merubah model urutan pada daftar tsb digunakan attribut TYPE
1.Attribut type dengan nilai DISC akan menghasilkan Karakter Bulat dengan warna penuh
2.Attribut type dengan nilai SQUARE akan menghasilkan Karakter Kotak dengan warna penuh
3.Attribut type dengan nilai CIRCLE akan menghasilkan Karakter Bulat dengan warna tidak penuh
Tag HTML yang digunakan untuk menampilkan beberapa dokumen lain secara bersamaan pada satu dokumen web.
Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut :
<FRAMESET>….</ FRAMESET >
Atribut COLS digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing-masing kolom. Penggunaan COLS dapat dituliskan sebagai berikut
<FRAMESET COLS=“20%, 50%, 30%”>
<FRAMESET COLS=“20%, 50%, *”>
Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 20%, dan kolom kedua memiliki lebar 50%, maka kolom ketiga memiliki lebar sebesar 'sisanya' yaitu sebesar30%.
Begitu juga dengan ROWS.
<FRAMESET ROWS=“20%, 50%, *”>
Atrbut yang digunakan frameset :
1.Border="pixel“, digunakan untuk memberikan tebal batas pada frameset
2.Bordercolor="color“, digunakan untuk memberikan warna pada frameset
3.Frameborder=“1"|“0“, digunakan untuk memberikan keterangan apakah frame akan diberi batas atau tidak
4.Framespacing="pixel“, digunakan untuk memberikan jarak antara frame satu dengan yang lainnya
0 comments:
Post a Comment