, untuk membuat paragraf baru • , untuk memanggil file gambar • , untuk membentuk hyperlink ke halaman lain Perhatikan bahwa tag yang berwarna merah artinya harus ditutup, sedangkan yang biru tidak perlu. Sekarang buatlah file belajar.html menjadi seperti di bawah ini Sekarang saya sedang belajar HTML. … menyatakan akan dirata tengah. dan .Hello world!
Kunjungi website kami
Kemudian save dan bukalah dengan browser, ATAU refresh browser yang sudah membuka file belajar.html. Jadinya akan seperti gambar di bawah ini :
Gampang bukan? Sekarang kita akan membahas masing-masing tag tadi •
Hello World!
Teks yang diapit oleh tag akan membentuk tulisan besar dan tebal seperti judul. Angka 1 tersebut bisa diganti menjadi
,
sampai
. Besar tulisan akan semakin kecil bila angkanya semakin besar.
•
Tag ini akan membentuk garis horizontal sepanjang layar browser anda. Color=”blue” menyatakan garis tersebut akan diberi warna biru.
•
•
Kunjungi… Menyatakan bahwa teks “Kunjungi” dan selanjutnya akan dibuat dibawah baris sebelumnya sejauh 1 spasi.
•
website kami
Membuat hyperlink ke website http://www.duniapax.org pada teks “website kami” dimana target=”_blank” menyatakan bahwa apabila link tsb di klik, maka browser akan membuka window baru. •
Memanggil gambar logopax1.gif untuk ditampilkan di browser. File gambar harus berada dalam folder/directory yang sama dengan file belajar.html. Untuk penggunaan yang tidak berada dalam folder yang sama akan dibahas nanti.
!! Gunakan tag
dengan efektif. Kalau kita ingin membuat suatu elemen di bawah baris yang sedang dikerjakan, kita akan memakai tag
, sedangkan kalau kita mau menggunakan paragraf baru atau ingin melompat 1 baris, gunakan tag
Bullet/Numbering Sekarang kita akan menggunakan tag dan
berfungsi untuk membuat kepala bullet/number. 2. Tag
Contoh :
Tambahkan teks berikut pada file belajar.html
Hari dalam Seminggu
Hasilnya akan tampak seperti bawah ini Hari dalam Seminggu 1. Senin 2. Selasa i.Janji kencan 3. Rabu Perhatikan tag
yg terdapat pada hari Selasa. Di sini ia memberitahukan kepada browser untuk menuliskan “
Tag dan
,berarti kita akan memulai penomoran mulai dari 1,2,3, dst..
,berarti kita akan memulai penomoran mulai dari A,B,C,dst.
,berarti kita akan memulai penomoran mulai dari a,b,c, dst.
,berarti kita akan memulai penomoran mulai dari i, ii, iii, dst. Kalau kita tidak mendefiniskan type nya, maka otomatis akan dibuat lingkaran kecil (bullet) pada tiap komponen
harus ditutup dengan
sedangkan
Tabel Nah, sekarang kita akan belajar menggunakan tabel. Pembuatan tabel dapat dilakukan dengan menggunakan tag ,
dan . Tabel banyak digunakan untuk membuat layout atau membantu penempatan komponenkomponen yang terdapat dalam suatu halaman HTML. Katakan saja kita ingin membuat halaman HTML seperti di bawah ini : Halo Halo Selamat datang di homepage saya Semoga anda menyukainya.
Kita tidak dapat membuat nya tanpa menggunakan tabel. Oleh karena itu kita memerlukan tabel untuk membantu merapikan tampilan halaman kita. Pembuatan tabel dimulai dengan perintah dan ditutup dengan
. Sedangkan untuk membuat baris dan kolomnya kita menggunakan dan . Pemakaian dan dan Buatlah sebuah halaman HTML baru menggunakan Notepad seperti di bawah ini juga harus ditutup dengan
Kemudian Save menjadi belajar2.html, dan coba buka dengan browser. Hasilnya akan menjadi halaman dengan warna latar hitam dan warna teks putih. Tabelnya juga terlihat dimana pada kedua kolom baris kedua, warna latarnya akan berwarna biru muda. Mari kita bahas tentang halaman tersebut : 1. Bagian ini menunjukkan bahwa warna latar (bgcolor) akan dibuat berwarna hitam (#FFFFFF adalah kode heksa untuk warna hitam, bisa juga memakai ‘black’) dan warna teks untuk seluruh halaman dibuat berwarna putih (#FFFFFF = warna putih). 2.
Baris 1, kolom 1 Baris 1, kolom 2 Baris 2, kolom 1 Baris 2, kolom 2 Baris 3, kolom 1 Baris 3, kolom 2 Bagian ini adalah dimana kita memulai membuat tabel. Komponen ‘width=”90%”’ menunjukkan bahwa lebar tabel yang akan kita buat adalah maksimum 90 persen dari lebar browser yang sedang kita gunakan. Bila jendela browser dikecilkan, maka tabel dan komponen di dalamnya (teks) akan otomatis menyesuaikan. 3. Tag
Bagian ini adalah hal yang harus pertama kali kita gunakan. Tag berfungsi membuat baris baru dalam tabel. Kita harus membuat baris terlebih dahulu sebelum membuat kolom : 4. Tag …
<- terlebih dahulu dibuat <- dibuat setelah
Bagian ini untuk membuat kolom dalam satu baris. Satu lingkup … menyatakan 1 buah kolom. Jadi kalau kita buat dua buah lingkup akan ada 2 kolom dan bila 3 lingkup akan ada 3 buah kolom, dan seterusnya. !! Sama seperti tag , maka tag ,
, dan sama-sama bisa menggunakan atribut ‘bgcolor=#xxxxxx’ untuk membuat warna latarnya menjadi berbeda. Lihat contoh di atas, yaitu penggunaan ‘bgcolor’ pada Bagaimana kalau kita ingin mengatur perataan elemen pada tabel? Gampang. Kita cukup menambahkan atribut ‘align= ‘ dalam tag ,
dan untuk membuat perataan sesuai yang diinginkan. Contohnya : , berarti tabel (bukan isinya) akan dibuat rata tengah
, berarti pada baris tersebut seluruh isinya akan rata kiri, termasuk isi pada kolom-kolom yang terdapat pada baris tersebut. , berarti pada kolom tersebut seluruh isinya akan rata kanan. Tabel secara default menggunakan border/garis pinggir. Kita dapat mengatur tebal garis pinggir tersebut melalui atribut ‘border= ’ Contoh : , berarti garis pinggir tabel dibuat setebal 2 pixel
, berarti tabel tidak memakai garis pinggir. Hal ini banyak digunakan dalam tabel yang berfungsi untuk membantu merapikan halaman.
Bersambung …
Sign In