Belajar Desain Web Lanjutan

script untuk membuat tabel :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>data kuliah</title>
</head>
<body>
<caption align="center">1. a. Data Kuliah</caption>
<table border=1 align="center" cellspasing=0 cellspadding=5>
    <tr>
        <th width="100" rowspan="2"> NIM </th>
        <th width="100" rowspan="2"> NAMA </th>
        <th width="100" rowspan="2"> KELAS </th>
        <th width="250" colspan="2">KETERANGAN</th>
    </tr>
    <tr>
        <th>LULUS</th>
        <th>TIDAK LULUS</th>
    </tr>
    <tr>
        <td>101</td>
        <td>Ida</td>
        <td align="center">TI-2</td>
        <td align="center" rowspan="2">V</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>102</td>
        <td>Rika</td>
        <td align="center" rowspan="3">TI-4</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>103</td>
        <td>Kiki</td>
        <td align="center">-</td>
        <td align="center">V</td>
    </tr>
    <tr>
        <td>104</td>
        <td>Buri</td>
        <td align="center" rowspan="2">V</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>105</td>
        <td>Koko</td>
        <td align="center">TI-3</td>
        <td align="center">-</td>
    </tr>
</table>
</body>
</html>

Ini Hasil dari Script Diatas :




script untuk membuat formulir :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>formulir</title>
</head>
<body>
    <caption>b.  Formulir</caption>
    <table  width="100%" border=0 align="center" cellspasing=0 cellspadding=0 >
    <tr bgcolor=#33CCFF > <th colspan="7"> <h2>PROVINSI JAWA TIMUR <br> KOTA SURABAYA </h2>
    </th>
    </tr>
    <tr>
        <td width="150">NIK</td>
        <td>:</td>
        <td><b>35081021103900003</b></td>
    </tr>
    <tr>
        <td width="150">Nama</td>
        <td>:</td>
        <td><b>Gubernur Suryo</b></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="5" width="100"><img width="100" height="100"src="E:\TI semester 2\Web Desain\HTML5\modul 2\988539_476093069132971_1549770980_n.jpg"/></td>
    </tr>
        <td width="150">Tempat/Tgl Lahir</td>
        <td>:</td>
        <td><b>Surabaya,11Maret 1990</b></td>
    </tr>
    <tr>
        <td width="150">Jenis Kelamin</td>
        <td>:</td>
        <td><b>Laki-laki</b></td>
        <td>Gol Darah</td>
        <td>:</td>
        <td><b>B</b></td>
    </tr>
    <tr>
        <td>Alamat</td>
        <td>:</td>
        <td><b>Jl.Pemuda 101</b></td>
    </tr>
    <tr>
        <td>RT/RW</td>
        <td>:</td>
        <td><b>002/025</b></td>
    </tr>
    <tr>
        <td>Desa/Kel</td>
        <td>:</td>
        <td><b>Rungkut</b></td>
    </tr>
    <tr>
        <td>Kecamatan</td>
        <td>:</td>
        <td><b>Rungkut</b></td>
    </tr>
    <tr>
        <td>Agama</td>
        <td>:</td>
        <td><b>Islam</b></td>
        <td>status : -</td>    
    </tr>
    <tr>
        <td>Pekerjaan</td>
        <td>:</td>
        <td><b>Pelajar/Mahasiswa</b></td>
    </tr>
    <tr>
        <td>Berlaku hingga</td>
        <td>:</td>
        <td><b>11 Maret 2014</b></td>
    </tr>
    <tr>
        <td>Kewarganegaraan</td>
        <td>:</td>
        <td><b>WNI</b></td>
    </tr>
    </table>
    <table bgcolor=#66FF99 width=100%>
    <tr>
        <td ><br />
        </td>
    </tr>
    <tr>
        <td>Syarat Pengambilan e-KTP</td>
    </tr>
    <tr>
        <td> 1. Membawa pas foto ukuran 3x4 berwarna.</td>
    </tr>
    <tr>
        <td> 2. Membawa KTP lama</td>
    </tr>
    <tr>
        <td> 3. Membawa Kartu Keluarga</td>
    </tr>
    </table>
</body>
</html>

Ini Hasil dari Script Diatas :



Script untuk membuat link pada webpage yg pernah saya buat beberapa minggu yg lalu :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title> WEBPAGE SEDERHANA </title>
    <style type="text/css">
    body(background-color:yellow)
    p (color:blue)
    </style>
</head>
<body>
    <h1>SUPERMAN IS DEAD - Sunset Di Tanah Anarki</h1>
    <hr color="blue"/>
    Andai ku malaikat, ku potong sayap ku, Dan rasakan pedih di dunia bersamamu <br />
    Perang kan berakhir, cinta kan abadi, Di tanah anarki, romansa terjadi... <br> <br />
 
    Desing peluru tak bertuan, Hari- hari yg tak benderang, Setiap Detik nyawa ini, ku pertahankan untuk mu
    </br> Alasan ku ada disini,dan parasmu yg ku rindukan, Di neraka kan ku menang kan Hariku bersamamu.
 
    </br> <h2>Nama  : Fahmi Amiruddin Nafi</h2>
    <h2>NIM      : 1321180106</h2>
    </p></p>
    <hr color="brown"/>
    <body bgcolor="#C6D9F1" text="black">
    <br />
    <b><TABLE BORDER=1 align="right"></b>
    <TR><TD><img width="300" height="300" src="D:\picture\prt\988539_476093069132971_1549770980_n.jpg" align="right"/></TD></TR>  
    <a href="tekateki.html" target="_parent" title="Tabel">Tabel Data Kuliah</a>
    <br /><br /><a href="formulir.html" target="_parent" title="Formulir">Formulir</a>
</body>
</html>

Ini Hasil dari Script Diatas :




Semoga Bermanfaat :D

1 komentar: