Scribd
Upload
37 views8 pages

Tugas File Style Print Css

Uploaded by

Dian Repentance Green Called
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
37 views8 pages

Tugas File Style Print Css

Uploaded by

Dian Repentance Green Called
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 8

TUGAS PRAKTIKUM PEMROGRAMAN WEB

Telah Disetujui tanggal : Praktikum Oktober 2011 STYLE_CSS) : Modu V( ??.. Tgl Praktikum Asisten Desembaer 2011 10 Dosen : Mahayadi, ST. Asisten Dosen : Rizal Mulachela Nama: Andi Ardiansyah NIM : 0810510047 (Rizal Mulachela) Kelompok : PRAKTIKUM WEB. A

Disusun Oleh

LABORATORIOM I JURUSAN TEKNIK INFORMATIKA STMIK BUMIGORA MATARAM 2011

IMPLEMENTASI

1. body {

File style css styleku background :#FFF000; font-family : Arial; font-siza : 10px;

} #container { width : 1000px; margin : 0 auto; background-color:#FF0000; border : #000000 1px solid; } #header { width:auto; height:100px; background:#ffffff; border-bottom:#000000; padding:5px; } #maincontent { width:600px; } #sidebar { float: left; width:185px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; } #sidebar ul { list-style-image:url(citrus.jpg); } #sidebar ul li a { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } #content { width:590px; border: none;

margin-right:auto; margin-bottom:10px; } #foother{ background-color:#c0c0c0; width:auto; height:20px; border-top: #000000n1px solid; padding: 3px 5px 0 5px; clear:both; } #menu { background-color:#FFFFFF; } #menu ul { list-style-type:none; } #menu ul li { display:inline; padding-left:0px; } #menu ul li a { color:#FFFFFF; padding:0px 0px 0px 0px; background-color:#0066CC; text-decoration:none; font-family:monotype corsiva, Arial, Helvetica, sans-serif; font-size:14px; } #menu ul li a:hover { color:#000000; background-color:#99FFFF; text-decoration:underline; } style-ku2

p{ color:blue; } h1{ font-family:arial; color:blue; } i,b,u { color : red; font-family : Arial; } #h2 { size : 15px; color : teal; }

File index.php

<html> <head> <title>andi ardiansyah</title> <link href="style-ku.css" type="text/css" rel="stylesheet"> <link href="style-ku2.css" type="text/css" rel="stylesheet"> </head> <body> <div id="container"> <div align="center" id="header"> <h1>SELAMAT DATANG DI DUNIA WEB</h1> <h5> SENYUM ITU SEDEKAH</h5> </div> <div id="menu" align="left" > <ul> <li><b><a href="#">Home</a></b></li> <li><b><a href="#">Profile</a></b></li> </ul> </div> <div id="sidebar"> <h5 align="center"><font color="#FF0000">praktek Pemrograman WEB</font></h5> <hr> <ul type="square"> <li><a href="tugas1.php">INLINE CSS</a></li> <li><a href="tugas2.php" target="_parent">EMBEDED CSS</a></li> <li><a href="tugas3.php">EKSTERNAL CSS</a></li> <li><a href="tugas4.php">IMPORT CSS</a></li> </ul> </div> <h1>EMBENDED</h1> <p> Ayo Belajar CSS sekarang<br> banyak_banyak latihan aja<br> </p> <p>sekarang kita mempelajari implementasi CSS<br></p> <h1><font color="#000000">Form biodataku</font></h1> <form name="form1" action="#" method="post"> <table cellpadding="3" cellspacing="0"> <tr> <td>Nama <td>: <td><input type="text" name="nama" /><br /> <tr> <td>Jenis Kelamin <td>: <td><select name="jk"> <option value="L">Laki-Laki</option> <option value="P">Perempuan</option> </select> <tr> <td>Jenjang</td> <td>:</td>

<td><p> <label> </label> <label> <input type="radio" name="RadioGroup1" value="radio"> S1 </label> <label> <input type="radio" name="RadioGroup1" value="radio"> D3 </label> </p></td> </tr> <tr>s <tr> <td>Alamat <td>: <td><input type="text" name="alamat" /> <tr> <td colspan="3" align="left"> <tr> <td><input type="submit" value="Simpan" /> <input type="reset" value="Batal" /> </td> </tr> </td> </table> </form><div id="foother" align="right">Copyright &copy; 2011</div></body> </html>

<html> <head> <title>andi ardiansyah</title> <link href="style-ku.css" type="text/css" rel="stylesheet"> <link href="style-ku2.css" type="text/css" rel="stylesheet"> </head> <body> <div id="container">

<div align="center" id="header"> <h1>SELAMAT DATANG DI DUNIA WEB</h1> <h5> SENYUM ITU SEDEKAH</h5> </div> <div id="menu" align="left" > <ul> <li><b><a href="#">Home</a></b></li> <li><b><a href="#">Profile</a></b></li> </ul> </div> <div id="sidebar"> <h5 align="center"><font color="#FF0000">praktek Pemrograman WEB</font></h5> <hr> <ul type="square"> <li><a href="tugas1.php">INLINE CSS</a></li> <li><a href="tugas2.php" target="_parent">EMBEDED CSS</a></li> <li><a href="tugas3.php">EKSTERNAL CSS</a></li> <li><a href="tugas4.php">IMPORT CSS</a></li> </ul>

<div> <div id="content"> <h1>INLINE CSS</h1> <p style="color:red"> Ayo Belajar css<br> banyak di coba_coba aja<br> </p> <i>Mengembangkan Pemrogranab WEB</i>
</div><div id="foother" align="right">Copyright &copy; 2011</div></body> </html>

File tugas2.php

<html> <head> <title>andi ardiansyah</title> <link href="style-ku.css" type="text/css" rel="stylesheet"> <link href="style-ku2.css" type="text/css" rel="stylesheet"> </head> <body> <div id="container"> <div align="center" id="header"> <h1>SELAMAT DATANG DI DUNIA WEB</h1> <h5> SENYUM ITU SEDEKAH</h5> </div> <div id="menu" align="left" > <ul> <li><b><a href="#">Home</a></b></li> <li><b><a href="#">Profile</a></b></li> </ul> </div> <div id="sidebar"> <h5 align="center"><font color="#FF0000">praktek Pemrograman WEB</font></h5> <hr> <ul type="square"> <li><a href="tugas1.php">INLINE CSS</a></li> <li><a href="tugas2.php" target="_parent">EMBEDED CSS</a></li> <li><a href="tugas3.php">EKSTERNAL CSS</a></li> <li><a href="tugas4.php">IMPORT CSS</a></li> </ul> </div> <h1>EMBENDED</h1> <p> Ayo Belajar CSS sekarang<br> banyak_banyak latihan aja<br> </p> <p>sekarang kita mempelajari implementasi CSS<br></p> <h1><font color="#000000">Form biodataku</font></h1> <form name="form1" action="#" method="post"> <table cellpadding="3" cellspacing="0"> <tr> <td>Nama <td>: <td><input type="text" name="nama" /><br /> <tr> <td>Jenis Kelamin <td>: <td><select name="jk"> <option value="L">Laki-Laki</option> <option value="P">Perempuan</option> </select> <tr> <td>Jenjang</td> <td>:</td>

<td><p> <label> </label> <label> <input type="radio" name="RadioGroup1" value="radio"> S1 </label> <label> <input type="radio" name="RadioGroup1" value="radio"> D3 </label> </p></td> </tr> <tr>s <tr> <td>Alamat <td>: <td><input type="text" name="alamat" /> <tr> <td colspan="3" align="left"> <tr> <td><input type="submit" value="Simpan" /> <input type="reset" value="Batal" /> </td> </tr> </td> </table> </form><div id="foother" align="right">Copyright &copy; 2011</div></body> </html>

file

You might also like