Here is one of the tools I use to help you learn how to make web pages in the class. I called it the Code Tester.
If you already know some 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 HTML give you a glimpse of what you’ll be learning in the online class, Intro To HTML.
Example 1 – Using the <p> Tag
The <p> tag is used to format text into paragraphs.
Code View
<p>One of the things you'll learn in the class is that
HTML 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 class!!<p>
What This Code Looks Like In A Browser
One of the things you’ll learn in the class is that HTML 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 class!!
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://joyofcode.com/wp-content/uploads/2010/10/einstein.gif"
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!!
