1 / 10

S kills : include images in Web pages C oncepts : tag, attribute, value, path (to a stored file)

Including images in Web pages. S kills : include images in Web pages C oncepts : tag, attribute, value, path (to a stored file). This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Where does this topic fit?. Internet concepts Applications

joel-hewitt
Télécharger la présentation

S kills : include images in Web pages C oncepts : tag, attribute, value, path (to a stored file)

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. Including images in Web pages Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

  2. Where does this topic fit? • Internet concepts • Applications • Technology • Implications • Internet skills • Application development • Content creation • User skills

  3. The <img> tag <img> What is missing?

  4. The <src> attribute <imgsrc=“lucas.jpg”>

  5. Image file in a sub-directory <imgsrc=“pictures/lucas.jpg”>

  6. The border attribute of the img tag <imgsrc=“lucas.jpg” border=“10”>

  7. The height attribute of the img tag <imgsrc=“lucas.jpg” height =“200”>

  8. Summary

  9. Self-study questions What happens if you make a typing error and misspell the image file name? We have seen several attributes of the <img> tag. What is another one and what does it do?

  10. Resource <img> tag reference page: http://www.w3schools.com/tags/tag_img.asp

More Related