Title: Basic HTML ($$$)
Course: PHP/MySQL Course

HTML Basics Intro

We will be using the tutorial from the HTML Dog web site because it is an up to date, clean tutorial that will teach you the best practices for both HTML and CSS.

Many of you may have already been doing HTML, but I have found that most people are out of date and use bad practices like using older tags like font. That you use attributes for format the look of your page in HTML. This is now considered a no-no.

HTML should be reserved for content only, and the formatting should happen in CSS.

Each page of this lesson will have a link to a lesson on HTML from the site of : HTLM Dog: HTML Beginner Tutorial.

Read one lesson from the link on each page that follow and then answer the question on the bottom of the page to proceed to the next step.

QUESTION:
To specify a font in html you should be using the font tag.

- false
- true

Getting Started and about Tags and atributes

Before getting started, note that you will be using TextPad or the other recommeded editor rather than notepad for these lessons.

Also make sure to turn off hiding file extensions before you start.

Read the following two lessons and then answer the question below: (just click the blue underlined link to read the lesson in a new window, close the window when done to see this screen)

- Getting Started - What you need to do to get going and make your first HTML page.
- Tags, Attributes and Elements - The stuff that makes up HTML.

QUESTION?
What is the closing tag for <title>

- <\title>
Feedback: you have the wrong kind of slash
- </title>
Feedback: correct
- /title
Feedback: you are missing what surrounds all tags

Page title and paragraphs

Read the following two tutorial links and answer the next question by filling in the blank:

- Page Titles - Titles. For Pages. Difficult to get your head around, I know...
- Paragraphs - Structuring your content with paragraphs.

QUESTION? (what goes in the blank)
THE <___> will cause italics according to the lessons above.

- em
Feedback: Correct

Headings and Lists

Read the following two tutorial links and answer the next question by filling in the blank:

- Headings - The six levels of headings.
- Lists - How to define ordered and unordered lists.

QUESTION? (what goes in the blank)
THE <___> will cause the start of a list with bullets

- ul

Links and Images

Read the following two tutorial links and answer the next question by filling in the blank:

- Links - How to link things together.
- Images - Adding something a bit more than text...

QUESTION? (what goes in the blank)
The ____ atribute is now required for images in html.

- alt

Tables and Forms

Read the following two tutorial links and answer the next question by filling in the blank:

- Tables - How to use tabular data.
- Forms - Text boxes and other user-input thingamajigs.

QUESTION?
Which of the following is NOT a valid input type for a form?

- textarea
- reset
- text
Feedback: button

Recap

Read the following tutorial link and answer the next question:

Putting It All Together - Taking all of the above stuff and shoving it together. Sort of a recap thing.

QUESTION?
When you use put the code from this final tutorial into a web page and dispaly it by opening it in a browser, what kind of animal is in the picture on the page?

- dog
- cat
- bear