Facebook

Add as friend

Entri Populer

Sponsor kita:

Monday, January 17, 2011

Bab 2 Penulisan Kode Html (Belajar Html Online)

7:21 PM | Diposkan oleh sutopo | | Edit Post

Latihan Menulis Skrip Html

Setelah kita mengenal html dasar pada Bab 1, sekarang akan kita mulai menulis kode html tersebut. Anda dapat menggunakan PhpDesigner atau menggunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser :

Latihan 1:
Menampilkan teks:
                           Belajar bahasa pemrograman web ternyata mudah juga :)
Nama file: latihan1_1.html

<html>
<head>
<title>Latihan1-1</title>
</head>
<body>
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

Tugas tambahan:
Gantilah teks tersebut dengan teks lainnya.
Latihan 2:
Merubah warna teks menjadi merah:
Belajar bahasa pemrograman web ternyata mudah juga :)
Nama file: latihan1_2.html

<html>
<head>
<title>Latihan1-2</title>
</head>
<body text="red">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>


Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.


Latihan 3:
Merubah warna background menjadi hitam.
Nama file: latihan1_3.html

<html>
<head>
<title>Latihan1-3</title>
</head>
<body text="red" bgcolor="black">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>


Tugas tambahan:
Cobalah untuk warna: maroon, black, yellow, white, lime, green, blue, red, olive, navy, purple, teal, gray, silver, fuchsia, aqua.

Latihan 4:
Merubah background dengan suatu gambar.
Nama file: latihan1_4.html

<html>
<head>
<title>Latihan1-4</title>
</head>
<body text="red" bgcolor="aqua" background="./images/image027.jpg">
        Belajar bahasa pemrograman web ternyata mudah juga :)
</body>
</html>

catatan:
./images/ = nama direktori file gambar disimpan
image027.jpg = nama file gambar
Latihan tambahan:
Cobalah untuk file gambar: image050.jpg, image052.jpg, image058.jpg dan image060.jpg.

Tinggalkan komentar anda:

Label:

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)

Butuh sponsor blog:

Folowers

Sponsor BLog ini

DbClix

Infolink

Blogger Template created with Khentooan.