This is one of the tools I use to help you learn how to make web
pages in the Workshop. I called it the Code Tester.
Below is 3 examples of some code you can copy and paste into the box
to give you an idea of what you'll be learning. If you already know
some XHTML or HTML, go ahead and try it out with your own code.
These three examples of XHTML give you a glimpse of what you'll be
learning in the online Workshop, Introduction To XHTML And CSS.
Just copy and paste everything you see in yellow into the
white space of the Code Tester box, then "Give It A Try."
Example 1 - Using the <p> Tag
The <p> tag is used to separate text into paragraphs.
Code View
<p>One of the things you'll learn in the Workshop is that
XHTML is a containerized markup language.</p> <p>If you
know some HTML so much the better, but if not, that's why you want to
take the Workshop!!<p>
What This Code Looks Like In A Browser
One of the things you'll learn in the Workshop is that XHTML is a containerized
markup language.
If you know some HTML so much the better, but if not, that's why you
want to take the Workshop!!
Example 2 - Embedding an Image
Here's a little bit of code that gives you the ability to place an image
into a web page.
Code View
<img src="http://www.joyofcode.com/images/trylon.jpg"
width="196" height="297" alt="Photo of the
Trylon and Perisphere" />
What This Code Looks Like In A Browser
Example 3 - Making a Text Box and Using a Table
Tables are the most frequently used layout tools in XHTML. Here's one
that includes a Text Box.
Code View
<table width="100%" border="1" cellspacing="0"
cellpadding="5">
<tr>
<td>What Is Your First Name?</td>
<td><input type="text" name="first_name"
value="" size="15" /></td>
</tr>
</table>
What This Code Looks Like In A Browser
