Pages

Selasa, 16 Februari 2010

Modul 1 Membuat Halaman Web Sederhana


Membuat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar.

Untuk memberikan heading pada tampilan halaman web sederhana, gunakan code
&ltbr/>

<head> <title>Modul 1 PEMROGRAMAN BERBASIS WEB</title></head>


Untuk memberikan background image pada halaman web, kita dapat menggunakan code

&ltbr/>

<body background ="siip.jpg">



Dalam hal ini, kita mengimpor file gambar dengan nama siip.jpg dari direktori kita.


Untuk menambahkan teks, langsung ketikkan teks yang diingankan di bawah body, misalnya kita ingin menambahkan tulisan "Halaman Web Sederhana" dengan format Bold, maka code yang harus diketikkan adalah


&ltbr/>

<b>Halaman Web Sederhana



Untuk memberikan garis horizontal berwarna, code html yang harus dituliskan adalah


&ltbr/>

<hr style = "color:#0000FF">



Code di atas menghasilkan garis horizontal dengan warna biru.


Pemberian garis horizontal dapat ditentukan sendiri ukuran panjangnya, yaitu dengan code
&ltbr/>

<hr style = "color:#0000FF" align="right" width="200">



Code di atas menghasilkan garis horozontal dengan align right dan width 200 berwarna biru.


Untuk menuliskan teks berwarna dapat menggunakan code


&ltbr/>

<span style="color:#800000;"><b>Rinda Wahyu Iksanti



Kita dapat menyisipkan gambar yang memiliki border, misalkan foto ke dalam halaman web dengan menggunakan code


&ltbr/>

<img src="baby.jpg" align="right" border="8/" />



Pada screen shoot halaman web di atas, source code lengkap yang digunakan adalah