Inserting Images and Embedding Tags
- 2. Adding Inline Images • Tag: <img> • Element: img; a shorthand for image
- 3. Adding Inline Images Attributes: • src (source code) – it defines the URL of the image file. • align – it specifies the alignment of an image according to surrounding elements.
- 4. Adding Inline Images Attributes: • height – it defines the vertical dimension of the image; it can be measured by pixels or by percent. • width – it defines the horizontal dimension of the image.
- 5. Adding Inline Images Attributes: • alt – it gives the title of the image that will be displayed on mouse over. – it is necessary to add this to help disabled viewers recognize the image file.
- 6. Adding Inline Images Review What are the different image file types? Which image file type is not supported by Web pages?
- 7. Embedding Audio/Video • Tag: <embed> • Element: embed; used to put plug-ins to a page.
- 8. Embedding Audio/Video Attributes: • src (source code) – URL of resource to be embedded • align – it specifies the alignment of an image according to surrounding elements.
- 9. Embedding Audio/Video Attributes: • width – width of area in which to show the resource • height – height of the area in which to show the resource
- 10. Embedding Audio/Video Attributes: • alt – name of the embedded file that is shown when the mouse is moved over • autostart – tells the browser if the sound/video will start automatically when the page is loaded.
- 11. Embedding Audio/Video Attributes: • volume – how loud the sound plays • controls – indicates the type of sound object – (console | smallconsole | playbutton | volumelever)