Senin, 02 April 2012

Membuat Web Sederhana

<html>
<body style="background-color:skyblue;">

<h1 align="center" style="font-family:algerian;color:black;background-color:white">WIRA COMPUTER</h1>

<marquee style="font-family:berlin sans fb">SELAMAT DATANG DI WEB KAMI</marquee>
<p style="font-family:verdana;color:red">KAMI MENJUAL PERALATAN KOMPUTER</p><br><i>produk kami berupa:</i>
<p align="left" style="font-family:times;color:black;background-color:white;font-size:25"><b>PROCESSOR</b></p>
<p align="center"style=font-size:25"><b>MODHERBOARD</b>
<p align="left" style="font-family:times;color:black;background-color:white;font-size:25"><b>MEMORY</b></p>
<p align="right"style=font-size:25"><i><b>HARDISK</i></b></p>

</body>
</html>

Pratikum HTML

<html>
<head>
<title>Program Files</title>
</head>
<body>
<h1><b> HOMEPAGE </h1> </b>

<p align="right"><b><u>Homepage komersial </b> </u> adalah homepage yang berisikan informasi iklan, <br> penawaran suatu produk, <del> jasa </del> atau <del> service </del> seperti <sup> <b> e-commerce </sup> </b> dan lain-lain </p>
<p>Sementara <i><b> homepage personal </i></b> adalah homepage yang berisikan <sub> informasi-informasi </sub> pribadi,<br> materi-materi hobi atau hanya sekedar link ke lokasi favorite</p>
<p><b> Homepage pribadi bisa berisi beberapa informasi antara lain: </b></p>
<p align="center"><b>hobi-</b> <sup> aktifitas</sup>- keluarga-<del>artikel- </del> <u> foto <b>galery-</b><i>puisi</i> </u> </p>
<p align="right"> <u> atau <em>kreatifitas</em> lainnya yang <b>menarik</b>

</body>
</html>

Praktek Buat Biodata Diri

<html>
    <head>
        <title>Biodata</title>
      </head>
<body>
<hr>
<p align="center"><b>BIODATA</b></p>
<hr>
<b>Nama:</b><em><u>Fredina ELsie</em></u><br>
<p><b>Alamat:</b>Jl. <b><em>Panji</em></b> No.16 </p>
<b>Jenis Kelamin:perempuan</b>
<p><b>Hobby:</b> denger lagu, <sup> tidur </sup>, <sub> nonton,</sub> <del>menari</del></p>

</body>
</html>

Memasukkan Gambar

<html>
<body>

<img src="images/scoopy_-_red.jpg" alt="scoopy" width="500" height="600" align="right" border="2">

</body>
</html>

Membuat Tulisan Berjalan Pada HTML

<html>
<body>

<marquee bgcolor="red" direction="right" behavior="alternate" scrollamount="50" width="500" loop="5">Tulisan disini akan berjalan</marquee>

</body>
</html>

COBA

PERHATIKAN !

<html>
<body style="background-color:PowderBlue;">

<h1>Look! Styles and colors</h1>

<p style="font-family:verdana;color:red;text-align:right";>
This text is in Verdana and red and right</p>

<p style="font-family:times;color:white;background-color:blue">
This text is in Times and white and background blue</p>

<p style="font-size:30px;">This text is 30 pixels high</p>

</body>
</html>