TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 8: HTML images, audio and video
After studying this chapter you will be able to understand: Internal links, external links, directory structure, internal document reference, adding images to web pages, using images as links, image map, adding video to web pages, adding audio to web pages. | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 3 3 grgf Internal links External links Directory Structure Internal document reference Some attributes of Other type of links 4 Adding images to web pages Using images as links Image map Adding video to web pages Adding audio to web pages 5 tag is used to add images to web pages SRC attribute of the tag is used to indicate the source of the image The tag is empty, it contains attributes only, and does not have a closing tag. 6 Images can be added as follows We can add an image by 7 HTML Images Syntax In HTML, images are defined with the tag. The tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image: 8 The alt Attribute The alt attribute specifies an alternate text for an image, if the image cannot be displayed. The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader). If a browser cannot find an image, it will display the alt text 9 Images can be added as follows IMG stands for "image." It announces to the browser that an image will go here on the page. SRC stands for "source." This again is an attribute. Its telling the browser where to go to find the image. 10 Images supported by web .jpg .gif .png .jpeg .bmp 11 12 Root Directory examples images Image tag Src attribute Image path and name 13 Height and width: You can use the style attribute to specify the width and height of an image. The values are specified in pixels (use px after the value): Specifies the height and width of an image 14 Alt attribute: Shows alternate text when an image is not available Other type of links 4 Adding images to web pages Using images as links Image map Adding video to web pages Adding audio to web pages 5 tag is used to add images to web pages SRC attribute of the tag is used to indicate the source of the image The tag is empty, it contains attributes only, and does not have a closing tag. 6 Images can be added as follows We can add an image by 7 HTML Images Syntax In HTML, images are defined with the tag. The tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image: 8 The alt Attribute The alt attribute specifies an alternate text for an image, if the image cannot be displayed. The .
đang nạp các trang xem trước
