Quiz Prep: Explore HTML

HTML is the basic language of web pages. Now that you've created and published your own basic web pages, it's time to explore more with HTML. 

Each of the following links will take you to a tutorial page in W3 Schools. Click on each link and follow the instructions on the page. Use the 'Try it Yourself' feature in each tutorial where you can try the examples and see the changes immediately in the browser. 

Make sure you get a feel for how basic HTML documents and tags work, as well as how to use all the specific tags covered in this tutorials. You'll take a quiz in class covering everything below.

  1. HTML Introduction Links to an external site.: What is HTML? What does it stand for? What is it used for? What does an HTML document look like? This tutorial can answer all of these questions.
  2. HTML Basic Links to an external site.: Description of essential tags (headings, paragraphs, links, images) and how to use them.
  3. HTML Elements Links to an external site.: Explore the general structure of HTML tags and how they all fit together.
  4. HTML Attributes Links to an external site.: Understand what an attribute is and how it can provide additional information about HTML tags.
  5. HTML Headings Links to an external site.: Understand how different headings can be used in your document. 
  6. HTML Paragraphs Links to an external site.: Learn how to format text into paragraphs.
  7. HTML Styles Links to an external site.: The browser applies a default style to each HTML element you include in your document. In this tutorial you'll begin exploring overriding the defaults by providing your own styles. 
  8. HTML Formatting Links to an external site.: Just like in a word processor, you can create bold, italic, underlined, superscript and subscript text in web pages. In this tutorial you'll learn how to do it with HTML.
  9. HTML Comments Links to an external site.: Sometimes it's useful to include information in your document that's just for you, not to be displayed in the browser. Fortunately, HTML has a special element for this called a comment. Try it yourself here.
  10. HTML Colors Links to an external site.: Nearly every web page you encounter has colors. How many different colors can you use in a web page? How do you specify which color to use in an element? Can you use regular names like "red", "green", "yellow", "chartreuse", etc.? What about "light red?" What about "sorta red but leaning towards purple?" Find out here.
  11. HTML Links Links to an external site.: Links are what make the web a web; links allow different web pages to be connected together. Learn the anatomy of links and how to use them here. 
  12. HTML Images Links to an external site.: Where would the web be without images? Images can draw attention and explain things that simple text cannot. Using images in your web pages is very simple, as long as you understand the basic process and create your tags correctly. Fortunately this tutorial includes all the information you need to include images in your web pages.

More Information

The video below contains an overview of the basic structure of an HTML document, how to create, save and view pages, some of the basic tags you'll use while creating pages and playing with styles and colors.

Introductory video Links to an external site. from Coach Parker