Visit Your Local PBS Station PBS Home PBS Home Programs A-Z TV Schedules Watch Video Donate Shop PBS Search PBS

Top Ten Lists | Sample Test
Program Summary | All About
Vocabulary | Resources
Something to Consider
all about html
HTML is cool—it's a computer language that helps you make Web pages, those pages seen on the Internet. And the Standard Deviants will help you with HTML! To make an HTML document, you'll need a few things…
Click here to review everything covered in this episode of Standard Deviants TV. go!

  1. What Stuff Do I Need?
    1. Computer
    2. Text Editor
    3. Internet Service Provider
    4. WYSIWYG Editors
    5. Internet Browser
  2. Basic HTML Tags
    1. Underline <U>
    2. Italics <I>
    3. Head cHEAD>
    4. Title <TITLE>
    5. Body <BODY>
    6. Saving Files
    7. Line Break <BR>
    8. Paragraph Break <P>
    9. Centering <CENTER>
  3. Text and Backgrounds
    1. A. Heading Tag <H1> ... <H6>
    2. Font Size and Font Color
  4. Graphics
    1. Image Source Tag <IMG SRC=...>
    2. Graphic File Types
    3. Body Background Tag <BODY BACKGROUND>



1. What is the basic make-up (syntax) of an HTML tag?

2. What is the difference between an opening tag and a closing tag?

3. What are the opening and closing tags for underlining text?

4. What are the opening and closing tags for italicizing text?

5. If we want to create a header for our Web page, what are the two tags we should use?

6. What two tags open and close the body of a Web page?

7. What two tags tell the Internet browser that the file is an HTML document?

8. If we want our Web page to have a title, what two tags do we use?

9. With text, you need to tell the browser when to start a new paragraph. Otherwise, the text will run off the screen in one line. What two tags can do this?

10. What are the two tags we use to center text?

11. What is the correct tag for creating the largest possible text on your header?

12. What tag do you use to change the size of the text in the body of your Web page?

13. What tag would you use to make your text blue?

14. What tag would you use to make the background color of your pages blue?

15. What do you call a spot on a Web page that takes you to another location if you click it?

16. What's the basic tag we use to put a graphic on a Web page?

17. Do image source tags require a closing tag?

18. What are the two most popular graphic formats that you can use on your pages?

19. Can you find graphics on the Web, or can you use your own?

20. What happens if your background image is smaller than the actual page you're trying to fill?

Click here to see the answers.


something to consider
1. Hypertext is more than hyperlinks on the Web. Hypertext is another word for enhanced text, such as a caption under a picture. What non-Web examples of hypertext can you think of? What is the oldest example of hypertext you know of?

2. Visit a few of your favorite Web sites and take a look at the titles for the pages. Which sites use the <TITLE> tag? Do they use it effectively? Do you think there is a correlation between the little details such as a title and the quality of a site's design?

3. Many HTML editing programs have come a long way in their "What You See Is What You Get" (WYSIWYG) abilities. For example, instead of typing <IMG SRC=house.gif>, you can click on a button and have the program insert the image for you. In fact, in some cases you could make a Web page without looking at a single HTML tag. Do you think it's important for people using WYSIWYG editors to learn HTML first? Why or why not?

4. If you have ever used a WYSIWYG editor, what are your impressions of it? What parts of the editor made designing Web pages easier, and what problems (if any) did you run into?

5. View a few Web pages with Netscape, and then view these same pages with Internet Explorer. What differences, if any, do you notice between the two browsers?

Back to the Top



purchase soon

The prototype for HTML was invented by Tim Berners-Lee in 1989.

top ten
Top 10 HTML Tags You Wish You Could Use in the Real World

10. <WEALTHY> me </WEALTHY>

9. <COMFORTABLE> those cool shoes
</COMFORTABLE>

8. <LENIENT> my boss </LENIENT>

7. <MOSTLY RECESS> school </MOSTLY RECESS>

6. <PAID FOR> my car </PAID FOR>

5. <GOOD BREATH> my dog </GOOD BREATH>

4. <SELF-CLEANING> all of my clothes </SELF-CLEANING>

3. <FREE> lunch </FREE>

2. <HEALTHY> pizza with extra cheese </HEALTHY>

1. <EASY> writing HTML </EASY>

 
vocabulary
Background color tag — The tag that changes the background color of your page. It goes within the body tag. An example is: <BODY BGCOLOR=yellow>

Background tag — The tag that inserts a graphic as the background of your Web page. An example is: <BODY BACKGROUND= "images/ name_of_file.gif">

Body tag — The tag that shows where the body of the HTML document is. The opening body tag is <BODY> and the closing body tag is </BODY>.

Case insensitive — A computer program where it doesn't make a difference to the browser if you use uppercase or lowercase letters. HTML is case insensitive

Center tag — The tag that will center text. The opening center tag is <CENTER> and the closing center tag is </CENTER>.

Heading tag — The tag that changes the font size of important sections of your Web page. There are six variations of the heading tag: <H1>, <H2>, <H3>, <H4>, <H5>, and <H6>.

Head tag — The tag that shows where the header of the HTML document is. The opening head tag is <HEAD> and the closing head tag is </HEAD>.

HTML tag — The tag that tells the Internet browser that we're creating an HTML document. The opening HTML tag is <HTML> and the closing HTML tag is </HTML>.

Image source tag — The tag used to insert graphics on your Web page. An example is: <IMG SRC= "image_name_here.gif">

Internet browser — The software that allows you to navigate the World Wide Web, among other things.

Line break tag — The tag that tells the browser it's the end of the line and the following text should start on the line directly below. The HTML tag for a line break is <BR>.

Online — Connected to the Internet.

Paragraph break tag — The tag that tells the browser it's the end of the line and the following text should start after skipping one line. The paragraph tag is <P>.

Tag — The basic building block of HTML code.

Text editor — A software program that can edit text—essential to creating HTML documents.

Title tag — The tag that creates a title for your document. The opening title tag is <TITLE> and the closing title tag is </TITLE>. It goes between the head tags.

WYSIWYG editor — A "What You See Is What You Get" HTML editor. This type of editor lets you make a home page without having to type in all the HTML code yourself.

 
resources
Explore some websites related to marketing. Remember, you will be leaving the Standard Deviants TV website.
You can find free Web space here:
www.Geocities.com
www.xoom.com

You can get some cool HTML info here:
www.ncsa.edu
www.hotwired.com

Lists of hexadecimal number color codes:
www.lynda.com
www.hidaho.com

    
  SDTV Home | About SDTV | Episodes & Resources
For the Classroom | Screensavers