CREATING YOUR OWN WEB BROWSER/PAGE USING HTML
*Notepad
*Internet
*<html> ..... </html> (opening and closing)
*<P>... </P> (for paragraph)
1. WEB TITLE : RAI Airline
CODING :
<html>
<header><title>
RAI Airline
</title></header>
2.HEADER : WELCOME TO RAI AIRLINE
CODING :
<h1 align = "center" >WELCOME TO RAI
AIRLINE</h1></p>
3.TABLE :
CODING :
<table border = "2" align= "center"
width = "100%">
<p><tr>
<td><b>DESTINATION</b></td>
<td><b>DATE</b>
</td>
<td><b>STAY</b></td>
<td><b>Map</b></td>
</tr>
4.SELECT BUTTON :
CODING :
<td><h4>Choose your date</h4> <form
action="insert.asp" method="post">
<p> Day
<SELECT name = "access">
<OPTION> --
<OPTION> 1
<OPTION> 2
<OPTION> 3
<OPTION> 4
<OPTION> 5
<OPTION> 6
<OPTION> 7
<OPTION> 8
<OPTION> 9
<OPTION> 10
<OPTION> 11
<OPTION> 12
</SELECT></p>
5. CHECK BOX
CODING :
<form action="insert.asp"
method="post">
</tr>
<p>IMPORTANT to bring : <BR>
<INPUT type="checkbox" name="things"
value="pass">PASSPORT<BR>
<INPUT type="checkbox" name="things"
value="mon">MONEY<BR>
<INPUT type="checkbox" name="things"
value="id">ID<BR>
</p>
</form>
6. NAME :
CODING :
<p>My Name* : <INPUT type="type"
name="myname" size=36 maxlength=40></p>
7. PASSWORD :
CODING :
<p>My Password* : <INPUT type="password"
name="pwd" size=15 maxlength=15></p>
8. COMMENT, GO AND CLEAR
CODING :
<form action="insert.asp"
method="post">
Your Comments : <BR>
<TEXTAREA name="comments" rows=5
cols=65></TEXTAREA>
<p><INPUT type="submit" value=
"GO!">
<INPUT type="reset" value=
"CLEAR!">
</p></form>
<br>
9. TEXT
CODING :
<tr><td><p> Contact Us
CEO : 0179052718</p></td></tr>
<p> Lecturer : Tuan Zalizam bin Tuan Muda</p>
<p> CREATED BY : Wuraidatul Latifah Bt Mohammad
232230</p>
10. OPTION BUTTON
CODING :
<td><form action="insert.asp"
method="post">
<p> Your Destination (MALAYSIA) : <BR>
<INPUT type="radio" name="desti"
value="ked">KEDAH<BR>
<INPUT type="radio" name="desti"
value="kel">KELANTAN<BR>
<INPUT type="radio" name="desti"
value="per">PERLIS<BR>
<INPUT type="radio" name="desti"
value="ter">TERENGGANU<BR>
<INPUT type="radio" name="desti"
value="kl">KUALA LUMPUR<BR>
<INPUT type="radio" name="desti"
value="sab">SABAH<BR>
<INPUT type="radio" name="desti"
value="sar">SARAWAK<BR>
</p>
</form></td>
11. PICTURE :
CODING :
<p align = "center">
<img src =
"14446181_1684566275196801_5424997276397801130_n.jpg"
width="1330"height="350">
</p>
12. PICTURES :
CODING :
<p>
<img src = "BIG-7-7-seoul-japan.jpg"
width="250"height="200">
<img src = "o-IGUACU-900.jpg"
width="250"height="200">
<img src =
"college-abroad-beijing-china-countryside.jpg"
width="270"height="200">
<img src = "paris-seine-cruise.jpg"
width="250"height="200">
<img src = "raja_ampat.jpg"
width="250"height="200">
</P>
13. BACKGROUND :
CODING :
<body background = "blue-and-white-plane_23-2147498221.jpg">
THANK YOU !!!
No comments:
Post a Comment