Mari Berbagi Ilmu: Membuat Homepage

Jika kita membuat web pastinya agar tampilan web terlihat lebih menarik dan enak untuk di baca, maka kita perlu menambahkan gambar-gambar. Gambar-gambar tersebut merupakan daya tarik bagi pengunjungnya. Coba bayangkan apabila web yang kita kunjungi hanya berupa teks saja. Tidak ada gambar-gambar atau tidak ada icon-icon. Pasti sangat membosankan bukan ??? File gambar yang umum digunakan ada 3 jenis format yaitu PNG, GIF, dan JPG.

Syntaks penulisannya :

<img src=”url” />

tag <img> mempunyai beberapa atribut, diantaranya :

src : url dari file image/direktori gambar

align : letak gambar pada teks, nilai atributnya left, right, top, middle, dan bottom

width : lebar gambar dalam satu pixel

height : tinggi gambar dalam satu pixel

alt : menampilakan teks pengganti jika gambar tidak tampil di brows

border : memberi bingkai pada gambar

contok penulisan :

latihan1.html

<html>

<head >

<title>latihan membuat gambar</title>

</head >

<body>

<p>

Logo Amikom

<img src="amikom.jpg" width="223" height="226" align="bottom" alt="Logo Amikom"/> menggunakan align="bottom".

</p>

</body>

</html>

Image sebagai link

Selain untuk mempercantik tampilan web, gambar juga bisa digunakan sebagai link untuk suatu dokumen. Misalnya :

Latihan2.html

<html>

<head >

<title>belajar membuat suatu link</title>

</head >

<body >

<p>

<b>Untuk mengunjungi website amikom klik gambar di samping</b>

<a href="http://www.amikom.ac.id"><img src="amikom.jpg" width="50"

height="50" align="middle" alt="Tombol" /> </a> </p>

</body>

</html>

Tabel html

Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya.

Syntaks penulisannya :

<table>

<tr>

<td>Belajar membuat Tabel</td>

<tr>

</table>

Beberapa atribut tag <table>

Align (left, center, right) : Posisi horizontal tabel

Background : Menentukan gambar latar belakang tabel

Bgcolor : Menentukan warna latar belakang tabel

Border : Menentukan tebal bingkai tabel

Bordercolor : Menentukan warna bingkai tabel
bordercolorlight : Menentukan warna depan bingkai tabel

Bordercolordark                      : Menentukan warna bayangan bingkai tabel
cellspacing                               : Menentukan jarak spasi antar sel
cellspadding                            : Menentukan jarak isi sel dengan bingkai
height                                      : Menentukan tinggi tabel

Width : Menentukan Lebar tabel

valign (left, middle, bottom) : menentukan posisi vertikal teks dalam sel

Beberapa atribut <tr>

Align (left, center, right ) : posisi horzontal text dalam sel

Bgcolor : menentukan warna latar belakang sel

Bordercolor : menentukan warna bingkai sel

Bordercolorlight : Menentukan warna depan bingkai tabel

Bordercolordark : Menentukan warna bayangan bingkai tabel

Height : Menentukan tinggi tabel

Valign (top, middle, bottom) : Menentukan posisi vertikal teks dalam sel

Form & input HTML

Form merupakan salah satu elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Untuk membuat form digunakan tag awal <form> dan tag penutup </form>.

Syntaks penulisannya :

</form>

Mari Berbagi Ilmu

Saturday 5 April 2014

Membuat Homepage

1 comment:

About