| Course/Class Number: 58111/46065 |
| Class Title: 58111 (X)HTML: Beginning |
Resources
http://www.elizabethcastro.com/html6ed/examples/
Day 2
8. Special characters
Ch 21 [p 327]
App D [p 419]
A. Use at least two special characters on your index.htm page. Where did you get the code for these characters?
9. Elements, Attributes & Values
Elements: <p>, <div>
Attributes: align = “”
Values: “center” [p 62]
align=”center” /* is deprecated! *
App A [p 399]
A. Open w3.org
10. Images [Ch. 5]
formats [p 82]
img src [p 90]
alt [p 91]
width, height [p 92]
align [p 96]
as links [p 114, p 128]
A. Inside the www folder, create a folder named images
B. Download an image and save it in the images folder.
C. Place this image on your index.htm page using the tags above.
optional:
background-image [no -position, -repeat, -attachment]
imagemaps [p 116]
11. Links [Ch 6]
urls: absolute and relative [p 35]
a href [p 104]
title [p 72]
mailto [p 124]
named anchors [p 106]
A. On your index.htm page, create a link to your simple.htm page, using the tags above.
12. Creating and Using a Template
Use one master version of your page to create all your pages.
A. Save your index.htm page as template.htm
B. Remove all text and all images that aren’t part of the page layout itself.
13. CSS basics [Chs. 7, 8, 9]
Style rules
Structure vs. Formatting
Style rules in tags
A. Choose one paragraph and use style rules to make the text bold and red.
Internal style sheets [Ch 8, p 131]
B. Create an internal style sheet in your template.htm file.
Selectors [Ch 9, p 138]
The color attribute [plus the broader color discussion] [Ch 10, p 160-161]
color [p 160]
background-color [p 161 ]
link tag
C. Create an external style sheet called styles.css.
D. Link it to your template.htm file.
E. Move the paragraph style rule you created above to styles.css.
14. Font Formatting [Ch. 10]
font-family [plus the broader face & resolution discussions] [p 152]
font-size [plus absolute vs relative; no -weight, etc] [p 156]
text-align [p 165]
Size, line height
Color
A. Create style rules that format the <a>, <p> and <body> tags.
B. Paste the *topic content* (the stuff that’s on that particular page, apart from template elements) from index.htm into template.htm, then save template.htm as index.htm. Yes, save over the older copy.