1 / 6

Mastering Web Programming: Tags and Elements Tutorial

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.

torgny
Télécharger la présentation

Mastering Web Programming: Tags and Elements Tutorial

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Web SiteDesign Unit 11.3A: Web programming

  2. Tags and Elements • h1 • p • h6 • li • Ol • Ul • Strong • Bold • Emphasis • Sub • Sup • How many standard colours exist?

  3. 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!

  4. 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.

  5. 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

  6. 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

More Related