Putting It All Together

Here's what your code should look like for your page using pretty much all the things we have covered thus far (note that the form and link will not work):


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My first web page</title>
</head>
<body>
<h1>My first web page</h1>
<h2>What this is:</h2>
<p>A simple page put together using HTML</p>
<h2>Why this is:</h2>
<p>To learn HTML</p>
<ul>
<li>To learn HTML</li>
<li>To build my own websites from scratch</li>
<li>Just because I can.</li>
</ul>
<p>Go <a href="about.html">here</a> to learn more about me.</p>
<p>This is a string of text and what not.</p>
<p>This is another string of text and what not.</p>
<p>This is Line 1<br />
This is Line 2</p>
<table>
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
<form action="formscript.php" method="post">
<p>Title:</p>
<select>
<option value="first option">Mr.</option>
<option value="second option">Mrs.</option>
<option value="third option">Miss</option>
</select>
<p>First Name:<br />
<input type="text" name="firstname" /></p>
<p>Last Name:<br />
<input type="text" name="lastname" /></p>
<p>Operating System:<br />
<input type="radio" name="os" value="Windows" checked="checked" />Windows<br />
<input type="radio" name="os" value="Linux" />Linux<br />
<input type="radio" name="os" value="Mac" />Mac<br />
<input type="radio" name="os" value="Other" />Other<br /></p>
<p>Feedback:</p>
<p>
<textarea name="feedback" rows="10" cols="30">
Please give us your feedback here!
</textarea></p>
<p><input type="submit" /></p>
<p><input type="reset" /></p>
</form>
</body>
</html>

Now here's how it should look when you are done. See you next time for CSS.

- Justin

<<--  Back


Leave a Reply

Your email address will not be published. Required fields are marked *

*

4 visitors online now
0 guests, 4 bots, 0 members
Max visitors today: 8 at 08:00 am HST
This month: 12 at 05-17-2012 09:30 am HST
This year: 18 at 03-05-2012 04:32 pm HST
All time: 72 at 03-07-2010 11:16 am HST