Trik Membuat Tabel Data Diri Keren

Author : UnknownTidak ada komentar





Sebagai mahasiswa IT, pasti dapat mata kuliah pemrograman web. Salah satunya kita akan mendapatkan sks dasar mengenai HTML. Mungkin anda bosan dengan beberapa data diri anda yang hanya dapat terlihat secara offline dan online melalui media sosial. Kali ini kita akan mencoba mempelajari bagaimana mengkoding sebuah file HTML yang akan dimunculkan pada browser - browser yang anda miliki dengan mengklik data tersebut yang telah disimpan oleh notepad or notepad ++ sebagai file HTML. Hasilnya seperti diatas bila anda ketikkan koding seperti ini, berikut kodingnya :
 
<html>
<head>
<title>TABEL DATA DIRI M RANDIANGGA PUTRA</title>
</head>
<body style="background-image:url(background.jpg)">
<h1>TABEL DATA DIRI : </h1>
<table style="width:600px;" border="1" align="left">
<img src="http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/3840_472241966173624_1311435940_n.jpg" width="300" height="300"/>
<tr style="background-color:#33ff99">
<th>DATA DIRI</th>
<th>ADALAH</th>
</tr>
<tr>
<td>Nama</td><td style="text-align:left">M Randiangga Putra</td>
</tr>
<tr>
<td>Nim</td><td style="text-align:left">1155201341</td>
</tr>
<tr>
<td>Jurusan</td><td style="text-align:left">Teknik Informatika</td>
</tr>
<tr>
<td>Jenjang</td><td style="text-align:left">s1</td>
</tr>
<tr>
<td>Jenis Kelamin</td><td style="text-align:left">Laki-laki</td>
</tr>
<tr>
<td>TTL</td><td style="text-align:left">Jakarta, 17 Nopember 1990</td>
<tr>
<td>Kampus</td><td style="text-align:left">STMIK MERCUSUAR</td>
</tr>
<tr>
<td>Alamat Rumah</td><td style="text-align:left">Jl Borobudur Raya Bekasi Barat Pekayon</td>
</tr>
<tr>
<td>Pekerjaan</td><td style="text-align:left">Kasir PT GAGAN Indonesia</td>
</tr>
<tr>
<td>Hobi</td><td style="text-align:left">Bermain Gitar, bernyanyi, sekarang jadi hobi otaki atik web,hehehe</td>
</tr>
<tr style="text-align:right;background-color:#FFCB68;font-weight:bold">
</tr>
<table>
</body>
</html>




 Jangan sampai berhenti disini kita menggali pengetahuan tentang web ya :). Terimakasih semoga bermanfaat. See at the later web knowledge.
_ANG_
Posted On : Minggu, 20 April 2014Time : 02.17
SHARE TO :
| | Template Created By : Binkbenks | CopyRigt By : Gracia Widyakarsa Group | |