Simple web forms can be used for order forms, a subscription to a newsletter, or a request for contact.
Using the course software, refine and finalize your website by doing the following:
Add a simple web form.
Use division or a table to structure the form elements.
Finalize a navigation system between the pages.
Note: Utilizing the server-side elements offered in the textbook for testing forms is allowable.
Validate your HTML code using the Markup Validation Service on the W3C® website, (www.w3.org) prior to submitting your web page(s).
what i have already that needs to be expanded to follow the instructions:
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Value Travel Club</title>
<style>
body {
color: navy blue;
background-color: yellow;
margin: 0 15%;
font-family: elephant;
}
<audio controls>
<source src=”travel-soundcloud.mp3″ type=”audio/mpeg”>
<source src=”travel-soundcloud.mp3″ type=”audio/mpeg”>
</audio>
h1 {
color: navy blue;
text-align: center;
font-family: elephant;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid navy blue;
margin-top: 30px;
}
h2 {
color: #navy blue;
font-size: 1em;
}
</style>
</head>
<body>
<h1><img src=”piggybank.jpg” alt=”Value Travel Club logo”><br>Value Travel Club</h1>
<h2>The One Stop Vacation website </h2>
<p>The Value Travel Club offers cost effective travel for individuals on a tight budget making it easy and hassle free to see the world. This site provides a wide range of options making it impossible not to find the perfect vacation.</p>
<h2>Flights, Hotels and Rentals</h2>
<p>You provide the budget… we’ll handle the planning. The Value Travel Club handles flight searchs for all near by airports, hotels and rental availability, whether you choose to stay local or go international.</p>
<h2>Availability</h2>
<p>The Value Travel Club offers service <em>24 hours a day 365 days a week</em>. Can’t find what your are looking for? <em>No problem! Sign up to receive email notifications of our upcoming deals or pricing changes on deals that you want</em>.</p>
</body>
</html>
