LAB 02 - HTML PART 2

Assalamualaikum dan hai..

Sesi Pembelajaran Kedua - Membina sebuah laman sesawang menggunakan HTML

Untuk sesi pembelajaran kedua, kami dikehendaki untuk membina sebuah laman sesawang berkaitan dengan syarikat penerbangan dengan menggunakan HTML.

Gambar - gambar berikut merupakan hasil daripada pembelajaran yang saya perolehi dengan merujuk kepada laman sesawang penerbangan yang sedia ada.


Antara elemen-elemen yang perlu ada dalam menghasilkan laman sesawang ini adalah pendaftaran masuk pelanggan, carian tempat dan tempahan tarikh penerbangan.




Berikut adalah page source bagi laman sesawang ini:
<html>

<head>

<title> Welcome to Malindo Air.com </title>

<body>
<body background = "kapal2.jpg">

<table border ="1" width ="100%" bgcolor="#ff0000">
<td bgcolor="#bc1301">
<p><pre><h2 align = center>Welcome to Malindo Air Online Ticketing</p></pre></h2>
<body background = "viva.jpg">
<p align="left">
<img src = "kapal2.jpg" width="200" height="200">
</p>
<p><b><h4 align = left>Member Login </p></b></h4>
<table border ="1" width ="100%" bgcolor="#ff0000">
<td bgcolor="#bc1301">
<form action = "insert.asp" method = "post">
<p><h4 align>User ID</h4> <INPUT type = "text" name = "myname" size=10 maxlength=40>  
</form></p>
<form action = "insert.asp" method = "post">
<p><h4 align>Password</h4><INPUT type = "password" name="pwd" size=10 maxlength=15>
</form></p>
<INPUT type = "submit" value = "Submit">

<hr>
<table border ="1" width ="100%" bgcolor="#ff0000">
<td bgcolor="#bc1301">
<p><b><pre><h2 align = left>1  Flight Destination</b></pre></h2> 
<form action = "insert.asp" method = "post">
<p><br\>
<INPUT type ="checkbox" name="used" value="Return"> Return<br\>
<INPUT type ="checkbox" name="used" value="One way"> One way<br\>
</p>
<b><pre><h2 align = left>2  Date of Flight</p></b></pre></h2> 
<b><h3>FROM</p></b></h3>
<form action = "insert.asp" method = "post">
<INPUT type = "location" name ="places">
</form> 
<INPUT type = "submit" value = "Search">

<p><b><h3>TO</p></b></h3>
<form action = "insert.asp" method = "post">
<INPUT type = "location" name ="places">
</form>
<INPUT type = "submit" value = "Search">
<b><h3 align = left>Departure Date</p></b></h3>
<p><SELECT name="access">
<OPTION>Date
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
<OPTION>11
<OPTION>12
<OPTION>13
<OPTION>14
<OPTION>15
<OPTION>16
<OPTION>17
<OPTION>18
<OPTION>19
<OPTION>20
<OPTION>21
<OPTION>22
<OPTION>23
<OPTION>24
<OPTION>25
<OPTION>26
<OPTION>27
<OPTION>28
<OPTION>29
<OPTION>30
<OPTION>31
</SELECT>


<SELECT name="access">
<OPTION>Month
<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>
<SELECT name="access">
<OPTION>Year
<OPTION>2017
<OPTION>2018
<OPTION>2019
<OPTION>2020
<OPTION>2021
<OPTION>2022
<OPTION>2023
<OPTION>2024
<OPTION>2025
<OPTION>2026
<OPTION>2027
<OPTION>2028
<OPTION>2029
<OPTION>2030
</SELECT>


<b><h3 align = left>Return Date</p></b></h3>
<p><SELECT name="access">
<OPTION>Date
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
<OPTION>11
<OPTION>12
<OPTION>13
<OPTION>14
<OPTION>15
<OPTION>16
<OPTION>17
<OPTION>18
<OPTION>19
<OPTION>20
<OPTION>21
<OPTION>22
<OPTION>23
<OPTION>24
<OPTION>25
<OPTION>26
<OPTION>27
<OPTION>28
<OPTION>29
<OPTION>30
<OPTION>31
</SELECT>
<SELECT name="access">
<OPTION>Month
<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>
<SELECT name="access">
<OPTION>Year
<OPTION>2017
<OPTION>2018
<OPTION>2019
<OPTION>2020
<OPTION>2021
<OPTION>2022
<OPTION>2023
<OPTION>2024
<OPTION>2025
<OPTION>2026
<OPTION>2027
<OPTION>2028
<OPTION>2029
<OPTION>2030
</SELECT> </p>
<p><b><pre><h2 align = left>3  Search Flight</p></b></pre></h2>
<p><b><h3 align = left>No. of Passenger</p></b></h3>

<SELECT name="access">
<OPTION>Adults(+12)
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>

<SELECT name="access">
<OPTION>Childs(2-12)
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>

<SELECT name="access">
<OPTION>Infants(Below 2)
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
<OPTION>6
<OPTION>7
<OPTION>8
<OPTION>9
<OPTION>10
</SELECT>

<p><b><h3 align = left>Seat Class</p></b></h3>
<SELECT name="access">
<OPTION>Seat Class
<OPTION>Economy
<OPTION>Business
<OPTION>Premium Economy
</SELECT>

<p><b><INPUT type = "submit" value = "Search"></p></b>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>

</head>
</body>

<h3 align = center ><a href = "https://www.malindoair.com/"
target="_self"></h3>
visit malindo air</a>
</html>

</form>
</head>
</html>


Okay itu sahaja setakat ini untuk sesi lab tutorial kali ini. Kita akan sambung untuk sesi lab tutorial yang akan datang. 


Terima kasih. Bye!

Assalamualaikum W.B.T.

Comments

Post a Comment