Tugas PW-2

Tugas MK. Pengenalan Web. yaitu membuat Biodata dengan menggunakan html

Contoh Codingnya di bawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Yunus NIM : 13.3.0040</title>
<style type="text/css">
 body 
{
width:800px;
}
 
header, nav, aside, section, footer 
{
background: #CCFF66;
border: 1px solid #FF6600;
color: #990000;
font-size: 2em;
font-variant: tahoma;
text-align: center;
}
            
header, 
{
width: 100%;
}
   
footer 
{
width: 99.8%; 
height: 50px;
}
                    
aside 
{
float: left;
margin:0px;
margin-top:0px;
padding-top:auto;
padding-bottom:2px;
height: 500px;
width: 29.1%;
}
   
nav 
{ 
float: right;
margin:0px;
margin-top:0px;
padding-top:auto;
padding-bottom:2px;
height: 50px;
width: 562px;
height: 37px;
}

section#content 
{
float: right;
margin-bottom: 0px;
margin-top: 0px;
padding-top:2px;
padding-bottom:0px;
height: 459px;
width: 70.25%;
}

footer 
{ 
margin-right:0px;
padding-left:0px;
clear: both;
}
</style>
</head>
<body> 
</body>
<center>
<div id="container" style="width:800px">
<div id="menu" style= "background-color:white; height:600px; width:800px;
padding-top:2px;
padding-left:270px;
padding-right:270px; 
float:center;">
 
<header>
<img alt="Untuk Melihat Background Harus Online"  
class="gambar" src="http://stmikmj.ptkpt.net/_pts2/_baca_gambar.php?kodegb=stmikmj&imagenya=atas">
<h1>
<font face="Monotype Corsiva">Biodata Mahasiswa
</font>
</h1>
</header>

<nav> 
<marquee onmouseover=this.stop() onmouseout=this.start()>
<span style="font-weight:bold;">
<span style="font-weight:bold;font-size:1em">
::... Hot News ...:: Dipersembahkan untuk melaksanakan tugas 
Membuat Biodata dari Bpk Adi Setiansyah, S.Com 
Selaku Dosen Mata Kuliah : Pengenalan Web.
</span>
</span>
</marquee>
     
</nav>
<aside>
Pas Photo
<br>
<img alt="Terlihat jika online" class="profile-img"  
src="http://4.bp.blogspot.com/-p0T1ukSxCyw/UuPweH-6q_I/AAAAAAAACVw/ISgllz-hFHY/s1600/*"  
height="200" width="150">
<br>
</aside>

<section id="content">
<div id="content" style="text-align:justify">
<font face="Monotype Corsiva">
<ul><li>&nbsp;&nbsp;Nama&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Yunus<br>
<li>&nbsp;&nbsp;NIM&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : 13.3.0040<br>
<li>&nbsp;&nbsp;Jurusan&nbsp;&nbsp;&nbsp;&nbsp;    : Teknik Informatika<br>
<li>&nbsp;&nbsp;Semester&nbsp;&nbsp;&nbsp;    : II (Dua)<br>
<li>&nbsp;&nbsp;Website&nbsp;&nbsp;&nbsp;&nbsp;    : www.thifahcomputer.com<br>
<li>&nbsp;&nbsp;Telp/Hp.&nbsp;&nbsp;     : 081310582453<br>
<li>&nbsp;&nbsp;TTL&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : Cirebon, 14 Agustus 1977<br>
<li>&nbsp;&nbsp;Alamat&nbsp;&nbsp;&nbsp;&nbsp;    : Jl. Lap. Pors 12 No. 36<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      Kel. Serdang 015/004<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;             Kec. Kemayoran - Jakpus<br>
<li>&nbsp;&nbsp;E-Mail&nbsp;&nbsp;&nbsp;&nbsp;    : thifahcomputer@yahoo.co.id
<br>
</ul> 
</font>
</div>
</section>
<footer>
<font face="Monotype Corsiva">
<img alt="logo stmikmj" class="logo-img"  
src="http://mw2.google.com/mw-panoramio/photos/medium/50483670.jpg
height="25" width="25">
STMIK Muhammadiyah Jakarta
<img alt="logo stmikmj" class="logo-img
src="http://mw2.google.com/mw-panoramio/photos/medium/50483670.jpg
height="25" width="25">
</footer>
</center>
</body>
</html>

Terima Kasih Anda Telah Membaca Artikel Ini
Dengan Judul: Tugas PW-2
Ditulis Oleh Mr-Y
Berikanlah saran dan kritik atas artikel ini. Terima kasih

0 Response to "Tugas PW-2"

Posting Komentar

Galeri Foto 1

Galeri Foto 1

Galeri Foto 2

Galeri Foto 2

Galeri Foto 3

Galeri Foto 3

Galeri Foto 4

Galeri Foto 4

Galeri Foto 5

Galeri Foto 5