Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho
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
Attributes of … Attributes of … Besides the href attribute, there are more attributes of …. Check this out at
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.
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
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
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.
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
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
Questions & Answers Do you have any questions so far? If you do, please ask now.