60 likes | 163 Vues
Learn about essential web programming tags like h1, p, img, and a. Discover how to create hyperlinks and image elements effectively. Access links to top resources for web design and programming.
E N D
Web SiteDesign Unit 11.3A: Web programming
Tags and Elements • h1 • p • h6 • li • Ol • Ul • Strong • Bold • Emphasis • Sub • Sup • How many standard colours exist?
Images and Links Tags • <a> </a> • The <a></a> tag is the one used to make hyperlinks (or just links) on webpages. These are the words or images you click to go to a new page! • <src> • src stands for "source." It tells the <img> link where the picture comes from!
Images and Link Tags • <img>. This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using <src> • hrefstands for "hypertext reference." • Remember that hypertext (that is, links) is text you can click on? • Well, hreftells that link where to go! • The text after hrefis the web address, and the text between <a> and </a> is the text you click on.
Linksto W3schools, codecademy and code.he.net • http://www.codecademy.com/tracks/web • http://code.he.net/ • http://learningclubhouse.com/ • http://www.teach-ict.com/gcse_new/software/web_design/miniweb/index.htm • http://www.teach-ict.com/gcse_new/software/web_design/quiz/walkplank_web_design.htm • http://www.w3schools.com/html/default.asp
Extended Links • http://www.codecademy.com/tracks/web • http://code.he.net/ • http://learningclubhouse.com/ • http://www.teach-ict.com/gcse_new/software/web_design/miniweb/index.htm • http://www.teach-ict.com/gcse_new/software/web_design/quiz/walkplank_web_design.htm • http://www.w3schools.com/html/default.asp