Here 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.
If you already know some XHTML or HTML, go ahead and try it out with your own code.
I set up 3 examples of some code you can copy and paste into the Code Tester box to give you an idea of what you'll be learning
Just copy and paste everything you see in yellow (in the Code View section) into the
white space of the Code Tester box, then "Give It A Try."
What appears in the Results area is what the code will look like in a browser.
Test Your Code In This Box - The Code Tester
These three examples of XHTML give you a glimpse of what you'll be learning in the online Workshop, Introduction To XHTML And CSS.
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, including Albert's tongue.
Code View
<img src="http://www.joyofcode.com/images/einstein.gif"
width="120" height="144" alt="Photo of Albert Einstein sticking out his tongue." />
What This Code Looks Like In A Browser
Example 3 - Making a List
Making lists are an important part of web page design. Here's what a very simple list looks like.
Code View
<p>Here are a few things I love about creating web pages</p>
<ol>
<li>It's a lot of fun!!</li>
<li>Shhh!! Don't tell anyone. It's not that hard!!</li>
</ol>
What This Code Looks Like In A Browser
Here are a few things I love about creating web pages
- 1. It's a lot of fun!!
- 2. Shhh!! Don't tell anyone. It's not that hard!!