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
0 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.