Sabtu, 22 Maret 2014

Membuat Desain Web



<!DOCTYPE HTML>
<html>
<head>
    <title>Tabel</title>
</head>

<body>
    <a href="Tabel.html">Klik Untuk Menuju Tabel</a>
    <title>Komputer</title>
</head>

<body background="D:\a.jpg"text="white">

<p align="left"><font size="10"><b>Komputer</b></p></font>
<hr color="blue">
<p align="justify">Komputer adalah alat yang dipakai untuk mengolah data menurut prosedur yang telah dirumuskan. Kata computer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.</p>
<p></p>
<p align="justify">Dalam arti seperti itu terdapat alat seperti slide rule, jenis kalkulator mekanik mulai dari abakus dan seterusnya, sampai semua komputer elektronik yang kontemporer. Istilah lebih baik yang cocok untuk arti luas seperti "komputer" adalah "yang mengolah informasi" atau "sistem pengolah informasi." Selama bertahun-tahun sudah ada beberapa arti yang berbeda dalam kata "komputer", dan beberapa kata yang berbeda tersebut sekarang disebut disebut sebagai komputer.</p>
<hr color="red">
<p align="right"><font color="blue"><b>__________________________________________________</b></font></p>

<img src="1.png" width="600" height="379" />
</body>
</html>



<!DOCTYPE HTML>
<html>
<head>
    <title>Tabel</title>
</head>

<body>
    <a href="Web Desain.html">Klik Untuk Menuju Web Desain</a>
<menu>

<h4 id="tabel"></h4>
<table border=2 align="center" cellspacing=0 cellpandding=15>
<caption>a.Tabel Dari Label</caption>
    <!--header-->
    <tr align="center">
        <th width="50" rowspan=2>NIM</th>
        <th width="70" rowspan=2>Nama</th>
        <th width="70" rowspan=2>Kelas</th>
        <th width="240" colspan=2>Keterangan</th>
       
    </tr>
    <!--header 2-->
    <tr align="center">
        <th>Lulus</th>
        <th>Tidak Lulus</th>
    </tr>
    <!--baris data pertama-->
    <tr>
        <td>101</td>
        <td>Ida</td>
        <td align="center">TI-2</td>
        <td align="center">V</td>
        <td align="center">-</td>
    </tr>
    <!--baris data kedua-->
    <tr>
        <td>102</td>
        <td>Rika</td>
        <td rowspan=3 align="center">TI-4
        <td align="center">V</td>
        <td align="center">-</td>
    </tr>
    <!-- baris data ketiga-->
    <tr>
        <td>103</td>
        <td>Kiki</td>
       
        <td align="center">-</td>
        <td align="center">V</td>
    </tr>
    <!-- baris data keempat-->
    <tr>
        <td>104</td>
        <td>Buri</td>
       
        <td align="center">V</td>
        <td align="center">-</td>
    </tr>
    <!-- baris data kelima-->
    <tr>
        <td>105</td>
        <td>Koko</td>
        <td align="center">TI-3</td>
        <td align="center">V</td>
        <td align="center">-</td>
    </tr>

<table border=0,5 align="center" cellspacing=0 cellpandding=15>
<caption>b.Formulir</caption>
    <!--header-->
    <tr align="center">
        <th width="5"  height="50" colspan="4" style="background-color: #33CCFF;"><br align="center">PROVINSI JAWA TIMUR<br /> KOTA SURABAYA</th>
    </tr>

    <!--baris data pertama-->
    <tr>
        <td width="200">NIK</td>
        <td width="350">: 1321180074</td>
        <td width="150"></td>
        <td width="200"></td>
    </tr>
    <!--baris data kedua-->
    <tr>
        <td>Nama</td>
        <td>: Danang Eko Novianto</td>
        <td width="150"></td>
        <td rowspan=5 align="center">
        <img src="DSC_1250.jpg" width="100" height="110"/>
    </tr>
    <!--baris data ketiga-->
    <tr>
        <td>Tempat/Tgl Lahir</td>
        <td>: Bojonegoro, 01 November 1995</td>
        <td width="150"></td>
       
    </tr>
    <!--baris data keempat-->
    <tr>
        <td>Jenis Kelamin</td>
        <td>: Laki-Laki</td>
        <td>Gol Darah: -</td>
       
    </tr>
    <!--baris data kelima-->
    <tr>
        <td>Alamat</td>
        <td>: Ds.Sugihan</td>
        <td width="150"></td>
       
    </tr>
    <!--baris data keenam-->
    <tr>
        <td>RT/RW</td>
        <td>: 12/02</td>
        <td width="150"></td>
       
    </tr>
    <!--baris data ketujuh-->
    <tr>
        <td>Desa</td>
        <td>: Sugihan</td>
        <td width="150"></td>
        <td width="200"></td>
    </tr>
    <!--baris data kedelapan-->
    <tr>
        <td>Kecamatan</td>
        <td>: Temayang</td>
        <td></td>
        <td></td>
    </tr>
    <!--baris data kesembilan-->
    <tr>
        <td>Agama</td>
        <td>: Islam</td>
        <td>Status:Tunangan</td>
        <td ></td>
    </tr>
    <!--baris data kesepuluh-->
    <tr>
        <td width="200">Pekerjaan</td>
        <td width="350">: Mahasiswa</td>
        <td width="150"></td>
        <td width="200"></td>
    </tr>
    <!--baris data kesebelas-->
    <tr>
        <td width="200">Berlaku hingga</td>
        <td width="350">: 11 Maret 2014</td>
        <td width="150"></td>
        <td width="200"></td>
    </tr>
    <!--baris data keduabelas-->
    <tr>
        <td width="200">Kwarganegaraan</td>
        <td width="350">: WNI</td>
        <td width="150"></td>
        <td width="200"></td>
    </tr>
    <!--baris-->
    <tr>
        <td width="10"></td>
        <td width="10"></td>
    </tr>
    <!--footer-->
    <tr><td colspan="4" style="background-color: #66FF99;"> Syarat Pengambilan e-KTP
    <tr><td colspan="4" style="background-color: #66FF99;">1. Membawa pas foto ukuran 3x4 berwarna</td>
    <tr><td colspan="4" style="background-color: #66FF99;">2. Membawa KTP lama
    <tr><td colspan="4" style="background-color: #66FF99;">3. Membawa Kartu Keluarga</td>
    </tr>

</body>
</html>