1. Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho

2. Link Tag: … Link Tag: … … create a hyperlink so that you can go from one web page to another If you want to link to a Google web page, you can do the following: Google Make sure that … are between and Make sure to include http://

3. Attributes of … Attributes of … Besides the href attribute, there are more attributes of …. Check this out at http://www.w3schools.com/tags/ http://www.w3schools.com/tags/

4. Image Tag: Image Tag: creates an image in an HTML file There is no end tag for To create an image in your HTML page, do this: Make sure that is between and Note: happyFace.gif must be in the same folder as your HTML page.

5. Image Tag: Image Tag: You can create a link on your image. To do this: There are more attributes of beside src: ◦ height ◦ width ◦ border

6. Font Tag: … Font Tag: … … set the font face, font size, and font colour of the text between the opening and closing tags. As you can guess, the attributes of … are: ◦ face ◦ size ◦ color

7. Font Tag: … Font Tag: … Example: Testing the Font Make sure that … are between and To figure out the attribute value for the font face, go to Microsoft Word.

8. List: Unordered List Unordered list looks like this: Example of Unordered List: Coffee Tea Milk To create this in HTML, you do: Example of Unordered List: Coffee Tea Milk

9. List: Ordered List Ordered list looks like this: Example of Unordered List: 1.Coffee 2.Tea 3.Milk To create this in HTML, you do: Example of Unordered List: Coffee Tea Milk

10. Questions & Answers Do you have any questions so far? If you do, please ask now.