1. Chinese Building

2. Today’s Topic Review last lab Links

3. Skeleton of a html page

4. Attributes supplement information an elements (tags) give to the browser -- tags tell browsers what to do -- attributes tell browsers how to do

5. horizon line ’s attributes (1) size (2) width (3) align

6. Formatting Text(1) Headers six levers … ….. …

7. Font --Formatting Text(2) The tag uses following attributes: –Size: can be relative (+2, -2,etc..) or absolute (1-5) –Color: for now you can make this red, blue, etc... Born: November 16, 42 BC

8. Control Size? Absolute size (1.. 7) …

9. Changing the actual Font? In that case use the face attribute Navigating the Internet

10. Background Color The bgcolor of the tag a summary is at plaza.ufl.edu/yuyang/lab4/bgcolor.htm

11. tag Causes enclosed block to be centered ……

12. Links Relative –Links to things on your website Absolute –Links to things not on your website Others –Things like email links

13. Absolute Links These are the complete urls that you see in a browser address bar. Specify the absolute location of a website or a page Ex. http://www.yahoo.com http://www.cise.ufl.edu/class/cgs3066sp04

14. Relative Links Relative to what? –Relative to our current page, could be just a filename myimage.jpg –Or a directory and filename pictures/myimage.jpg –Relative to our site /myimage.jpg

15. Mail Link This works somewhat like a absolute link –mailto:yuyang@cise.ufl.edumailto:yuyang@cise.ufl.edu …

16. More about mailto link Send mail!

17. How do we put it on our page The Anchor tag –Has a attribute href which value is our link –Inside the Anchor block we put the text or image that we want to click. Yahoo http://www.yahoo.com Lab 1

18. Open a link in a new browser window My page

19. Link to a location on the same page Pagemark (bookmark) #mymark Define: … Usage: …

20. Link to named anchor in other pages In page one, page1.html, we have Here are … In page two, we can write ….

21. Assignment