 2003 Prentice Hall, Inc. All rights reserved. Outline Chapter 2 HTML (Hypertext Markup Language) Part II

Chap 2: Web Programming (CCSB144) - HTML Topics Internal Linking Creating and Using Image Maps Meta Elements Form (will be learnt together with PHP topic)

Chap 2: Web Programming (CCSB144) - HTML Internal Linking Enables the user to jump between locations in the same document 43

links.html (1 of 3) 44

links.html (2 of 3) 45

links.html (3 of 3) 46

Chap 2: Web Programming (CCSB144) - HTML 47

Chap 2: Web Programming (CCSB144) - HTML Creating and Using Image Maps Designate certain areas of an image (called hotspots) as links –Element map Attribute id –Identifies the image map Element area –Defines hotspot –Attribute shape and coords »Specify the hotspot’s shape and coordinates –Rectangular ( shape = “rect” ) –Polygon ( shape = “poly” ) –Circle ( shape = “circle” ) 48

picture.html (1 of 3) 49

picture.html (2 of 3) 50

picture.html (3 of 3) 51

Chap 2: Web Programming (CCSB144) - HTML meta Elements Specify information about a document –Attribute name Identifies the type of meta element “keywords” ( name = “keywords” ) –Provides search engines with a list of words that describe a page “description” ( name = “description” ) –Provides a description of a site –Attribute content Provides the information search engine use to catalog pages 52

main.html (1 of 2) 53

main.html (2 of 2) 54

Chap 2: Web Programming (CCSB144) - HTML The Meta Refresh If your page has moved, or you have a need to redirect your visitors automatically, you can use a meta refresh to send them the page of your choice. <meta http-equiv="refresh" content="5;URL= 55