Tuesday, March 10th • Warm Up: What are Meta tags? Why do we use them and where do they go? • Today: • REVIEW some key/sticky concepts in Web Design Meta Tags • Allows browser to find your website • Descriptor is the most common Meta Tag (and I think most useful) • Goes in header on HOME page <META name="KEYWORDS" content="html, webdesign, javascript"> 2 Image as a Link • Links use the <a> and </a> tags • Image as a link uses the same <a href=“ site.org”> • And the same </a> tag to end • In between, you put the picture • <a href=“ site.org”> <img src= “rainbow.gif”> </a> 3 Link within a page (Anchor) • There are two parts to an anchor: the place you want to select • The place you want to go • Part one: <a name=“anchorlink”></a> • Part two: in the place you want the user to “go to” on the page, put: • <a href=“#anchorlink”>stuff you want them to see</a? 4 Today … • Finish HTML assignment # 2, show Mrs. H • Begin HTML assignment # 3 5 Form • Go to Echo Echo and complete the tutorial on forms before completing assignment # 4 6 Email • Providing a link where customers/fans can email you is COMMON on a website • Generally, the text may say: • Contact Us • Email Me • Send an Email • How do you create the email link? • You use the link tag <a href= > </a> • <a href="mailto:youremailaddress">Email Me</a> 7 Scroll Boxes = Drop Down Lists • Very useful on a form • Used to provide pre-set options for answering • The <select> tag defines the menu. The name setting adds an internal name to the field so the program that handles the form can identify the fields. The size option defines how many items should be visible at a time. Default is one item. The multiple setting will allow for multiple selections if present. 8 Scroll/Drop Down … • <html> <head> <title>My Page</title> </head> <body> <form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST"> <div align="center"> <select name="mydropdown"> <option value="Milk">Fresh Milk</option> <option value="Cheese">Old Cheese</option> <option value="Bread">Hot Bread</option> </select> </div> </form> </body> </html> 9