Scribd
Upload
38 views8 pages

TUGAS PRAKTIKUM WEB Shelly

The document is an HTML code for a web page with three sections. The top section contains login fields for email and password. The middle section is for sign up and collects user information like name, email, birthday. It uses select dropdowns for date, month, year. The bottom section has copyright information. The page uses CSS for formatting and positioning different elements on the page.

Uploaded by

shellynurazizah
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 PDF, TXT or read online on Scribd
38 views8 pages

TUGAS PRAKTIKUM WEB Shelly

The document is an HTML code for a web page with three sections. The top section contains login fields for email and password. The middle section is for sign up and collects user information like name, email, birthday. It uses select dropdowns for date, month, year. The bottom section has copyright information. The page uses CSS for formatting and positioning different elements on the page.

Uploaded by

shellynurazizah
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 PDF, TXT or read online on Scribd
You are on page 1/ 8

TUGAS PRAKTIKUM WEB

MODUL 3

<!DOCTYPE html>

<html lang="en">

<link rel = "shorcut icon" href = "icon.png"/>

<head>

<style type="text/css">

<!--

.satu{

background-color:RoyalBlue;

padding: 7px;

height: 100px;
}

.dua {

background-image:url(bg.jpg);

padding: 7px;

height: 450px;

.tiga {

background-color:RoyalBlue;

padding: 1px;

height: 35px;

-->

</style>

</head>

<title>Welcome to Face Mu - Log In, Sign Up or Learn More</title>

<body>

<div class ="satu" align="right">

<img src = "fc.jpg" align="left" />

<table border=0>

<tr>

<td><font color ="White"> Email: </font></td>

<td><td><font color = "White"> Password: </font></td></tr>


<color="blue">

<tr><td><input type="text" /></td>

<td><td><input type="password" /></td>

<td><td><input type ="submit" value = "Masuk" /></td></tr>

</color>

<br>

<tr><td>

<input type = "checkbox" align ="center" /> <font color = "white" font size ="2px">Keep me logged
in </font></td>

<td><td><font color = "white" font size ="2px"> Forgot your password? </font></td>

</tr></table>

</div>

<br>

<div class ="dua" align="right">

<img src = "famu.jpg" align= "left"/>

<font color = "blue">

<h3>Sign Up</h3>

It's free and always will be

<hr width = "350" color="blue" align = "right"/>

<tr>

<td>First Name : </td>


<td><input type="text" /></td></tr>

<br><br>

<tr>

<td>Last Name :</td>

<td><input type="text" /></td></tr>

<br><br>

<td>Your Email :</td>

<td><input type="text" /></td>

<br><br>

<tr>

<td>Re-enter Email :</td>

<td><input type="password" /></td></tr>

<br><br>

<td>New Password :</td>

<td><input type="password" /></td>

<br><br>

<tr>

<td>I am :</td>

<td>

<select name="sex">

<option>Male</option>

<option>Female</option>

</select></td></tr>

<br><br>
<td>Birthday :</td>

<td>

<select name="date">

<option>01</option>

<option>02</option>

<option>03</option>

<option>04</option>

<option>05</option>

<option>06</option>

<option>07</option>

<option>08</option>

<option>09</option>

<option>10</option>

<option>11</option>

<option>12</option>

<option>13</option>

<option>14</option>

<option>15</option>

<option>16</option>

<option>17</option>

<option>18</option>

<option>19</option>

<option>20</option>

<option>21</option>

<option>22</option>

<option>23</option>

<option>24</option>
<option>25</option>

<option>26</option>

<option>27</option>

<option>28</option>

<option>29</option>

<option>30</option>

<option>31</option>

</select>

<select name="month">

<option>Jan</option>

<option>Feb</option>

<option>Mar</option>

<option>Apr</option>

<option>May</option>

<option>Jun</option>

<option>Jul</option>

<option>Aug</option>

<option>Sep</option>

<option>Oct</option>

<option>Nov</option>

<option>Dec</option>

</select>

<select name="year">

<option>1970</option>
<option>1971</option>

<option>1972</option>

<option>1973</option>

<option>1974</option>

<option>1975</option>

<option>1976</option>

<option>1977</option>

<option>1978</option>

<option>1979</option>

<option>1980</option>

<option>1981</option>

<option>1982</option>

<option>1983</option>

<option>1984</option>

<option>1985</option>

<option>1986</option>

<option>1987</option>

<option>1988</option>

<option>1989</option>

<option>1990</option>

<option>1991</option>

<option>1992</option>

<option>1993</option>

<option>1994</option>

<option>1995</option>

</select>
</select>

<tr><br>

<tr><td></td>

<td>Why do I need to provide this?</td

<tr><td></td><br>

<td><input type ="submit" value = "Sign Up" /></td></tr>

<hr width = "350" color="blue" align = "right"/>

Create a page </font><color="black">for celebrity, band or business</font></color>

</font>

</div>

<div class ="tiga">

<font color = "white">

<span class="style5>&copy;Copy Right By : Shellynurazizah</span><br>

</font>

</div>

</body>

</html>

You might also like