Tugas Praktikum Pemrograman Web Prodi Teknik Informatika 2011 Semester 4
1. Tuliskan 5 perintah atau tag untuk format teks
<b> </b> Membuat tulisan tebal
<u> </u> Membuat tulisan bergaris Bawah
<i> </i> Membuat tulisan miring
<sup> </sup> Membuat tulisan naik atau pangkat
</sub> </sub> Membuat tulisan bawah
<h1> </h1> Membuat tulisan paling besar atau heading 1
<p align> </p> Mengatur arah tulisan
<blink> </blink> Membuat tulisan berkedip-kedip
<marquee> </marquee> Membuat tulisan bergerak
<strike> </strike> Membuat tulisan coret
2. Tuliskan kode css internal sehingga tag body memiliki karakteristik sebagai berikut
a. batas atas, kanan, bawah, kiri 100 pixel
b. jenis huruf monotype coursiva
c. besar huruf 24 px
d. warna huruf gold
<html>
<head>
<title>css</title>
<style type = "text/css">
body
{
background:Desert.jpg;
color:gold;
}
h1{
color:gold;
}
h2{
color:gold;
}
h3{
color:gold;
}
h4{
color:gold;
}
table{
backgroud-color:cyan;
width:75%;
height:75%;
border:100px;
}
tr{
}
</style>
</head>
<body background = "unika-komputer.jpg">
<h1><font face = "Monotype Corsiva"><blink>Belajar web menggunakan HTML</blink></h1>
<h2><marquee>Belajar css</marquee></h2>
<h3>Belajar lagi.</h3>
<h4>Praktek</h4>
<table width="651" height="378" border="1">
<tr>
<td colspan="2"> <table width="416" height="30" border="1" p align = "center" font color = "gold">
<tr>
<td> <a href = lat1.html>Home</a> </td> </tr>
<tr>
<td> <a href = lat2.html>Product</a> </td> </tr>
<tr>
<td> <a href = lat3.html>Contact</a> </td> </tr>
<tr>
<td> <a href = lat5.html>About Us</a> </td> </tr>
</table>
</tr>
<tr>
<td colspan="2"> <p align = "center">ANIMASI PRODUCTS </p></td>
</tr>
<tr>
<td width="167"> <img src = desert.jpg width = 150px height = 80px> </td>
<td width="468" rowspan="3">Selamat Datang di website saya</td>
</tr>
<tr>
<td> <img src = desert.jpg width = 150px height = 80px> </td>
</tr>
<tr>
<td> <img src = desert.jpg width = 150px height = 80px> </td>
</tr>
</table>
</font>
</body>
</html>
Hasil
3. Tuliskan kode html untuk membuat tabel 2 baris 2 kolom.
<html>
<head>
<title>Latihan tabel</title>
</head>
<body>
<table border="2px" width=75% height=400px align=center bgcolor="#00FF00">
<tr height=50px>
</td>
<td>Ujian</td>
<td>Praktikum</td>
</tr>
<tr height=50px>
</td>
<td>Tengah semester</td>
<td>Pemrograman web</td>
</tr>
</table>
</body>
</html>
Hasil
4. Tuliskan kode html untuk membuat frame 2 kolom.
<html>
<head>
<title> Latihan 1 </title>
</head>
<frameset cols = "50%,50%">
<frame src = aaa.html name = Menu>
<frame src = aaa.html name = Isi>
</frameset>
<body>
</body>
</html>
Hasil
5. Membuat form yang memuat nim, nama, dan agama.
<html>
<head>
<title>membuat_formulir</title>
</head>
<body>
<!--maerancang table-->
<table border="2" width="75%" align=center bgcolor=gold >
<tr background=UNIKA FIKOM SANTO THOMAS.jpg>
<td colspan="3"><font color=red font size=40 p align = "center">Fakultas Ilmu Komputer UNIKA ST THOMAS</font></td>
</tr>
<tr height="400px">
<td width="15%" valign="top">menu</td>
<td valign="top" background=logo.jpg>
<table align=center>
<tr>
<td colspan="3" align=center>login</td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" size="10" maxlength="15" name=txtnama></td>
</tr>
<tr>
<td>NPM</td>
<td>:</td>
<td><input type="text" size="10" maxlength="15" name=txtnim></td>
<tr>
<td>Agama</td>
<td>:</td>
<td><input type="text" size="10" maxlength="15" name=txtagama></td>
</tr>
</tr>
</table>
</td>
<tr>
<td colspan="3" align=center>hakcipta©2012 @tpC</td>
</tr>
</table>
</body>
</html>
Hasil
Read more
