biodata diri dengan css - YULIANS | BLC Telkom

Friday, March 9, 2018

biodata diri dengan css

A. Pendahuluan

    Hallo kawan saya akan melanjutkan biodata yang kemarin yang masih belum terlalu bagus, karena saya akan mempercantik biodata yang kemarin dengan menggunakkan css.

B. Maksud dan Tujuan

     Untuk mempercantik tampilan biodata .

C. Pembahasan

     Saya akan menggunakan methode eksternal pada css, langsung saja saya akan mulai.

script external css:

--------------------------------------------------------
 h2 {
    background-color:aqua;
    color:red;
}
--------------------------------------------------------

script index :

-------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Biodata"/>
<meta name="keywords" content="Biodata"/>
<meta name="authors" content="Yulians"/>
<title>BIODATA</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<form action="#" style="width:1000px" class="posisi";>
<fieldset class="h"/>
<table stylle="width:980px;">
<tr>
<td rowspan="15" width="250px">
<img src="kenang.jpg" width="420px" height="420px"/>
</td>
</tr>
<tr>
<td><b>Nama Lengkap</b></td>
<td>:</td>
<td>MUHAMAD YULIANSYAH</td>
</tr>
<tr>
<td><b>Nama Panggilan</b></td>
<td>:</td>
<td>Yulians</td>
</tr>
<tr>
<td><b>Tempat, Tanggal Lahir</b></td>
<td>:</td>
<td>JAKARTA, 10 JULI 2000</td>
</tr>
<tr>
<td><b>Umur</b></td>
<td>:</td>
<td>17</td>
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>:</td>
<td>LAKI - LAKI</td>
</tr>
<tr>
<td><b>Agama</b></td>
<td>:</td>
<td>ISLAM</td>
</tr>
<tr>
<td><b>Status</b></td>
<td>:</td>
<td>Pelajar</td>
</tr>
<tr>
<td><b>KEWARGANEGARAAN</b></td>
<td>:</td>
<td>INDONESIA</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
-----------------------------------------------------------------------------------------------------

hasil :



D. Kesulitan yang di dapatkan

    Masih sulit untuk mengatur ukuran lebarnya.

E. Penutup

     semoga yang saya sampaikan bermanfaat sekian terimakasih!!!!!!!!!!!

F. Refrensi




No comments:

Post a Comment