Including images with the img tag

9
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution- Noncommercial-Share Alike 3.0 License.

description

Including images with the img tag. Skills : using the img tag IT concepts : none. This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Where does this topic fit?. Internet concepts Applications Technology Implications Internet skills - PowerPoint PPT Presentation

Transcript of Including images with the img tag

Page 1: Including images with the  img  tag

Including images with the img tag

Skills: using the img tag

IT concepts: none

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Page 2: Including images with the  img  tag

Where does this topic fit?

• Internet concepts– Applications– Technology– Implications

• Internet skills– Application development

(HTML)– Content creation

Page 3: Including images with the  img  tag

<h1 color = “red”>

tag attribute value

Review tag, attribute and value

Page 4: Including images with the  img  tag

Img – the tag to include images

Attributes:

src – the name and location of the image file

border – the thickness of the border

Page 5: Including images with the  img  tag

<img src = “photo.jpg”>

Examples

<img src = “subdir/photo.jpg”>

Page 6: Including images with the  img  tag

The border attribute of the src tag

<img src=“lucas.jpg” border = “1”> <img src=“lucas.jpg” border = “10”>

Page 7: Including images with the  img  tag

A few questions

Page 8: Including images with the  img  tag

What happens if you misspell the image file name?

What values may the border attribute take on?

What is another attribute of the src tag?

Page 9: Including images with the  img  tag

Including images with the img tag

Skills: using the img tag

IT concepts: none

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.