Podcast
Questions and Answers
The ____ tag is for inserting images.
The ____ tag is for inserting images.
img
The ![]()
tag does not need a ____ ____.
The tag does not need a ____ ____.
closing tag
This is the proper syntax to insert an image.
This is the proper syntax to insert an image.
The ____ attribute specifies the URL of the image being inserted.
The ____ attribute specifies the URL of the image being inserted.
The src attribute is short for ____.
The src attribute is short for ____.
The alt attribute is short for ____.
The alt attribute is short for ____.
If an image cannot be displayed, the ____ displays instead.
If an image cannot be displayed, the ____ displays instead.
Alternate text provides alternate info for an image if a user ____.
Alternate text provides alternate info for an image if a user ____.
If a browser cannot find an image, it displays the ____ ____.
If a browser cannot find an image, it displays the ____ ____.
The ____ attribute is required.
The ____ attribute is required.
____ can read what is displayed on a screen.
____ can read what is displayed on a screen.
HTML screen readers are useful to people who are ____, ____, or ____.
HTML screen readers are useful to people who are ____, ____, or ____.
____ can read the alt attribute.
____ can read the alt attribute.
To change the size of a picture it is best to use the ____ attribute.
To change the size of a picture it is best to use the ____ attribute.
The proper syntax for changing the image size is _____
The proper syntax for changing the image size is _____
If using an older version of Internet Explorer be sure to include the _____ with a value of ____.
If using an older version of Internet Explorer be sure to include the _____ with a value of ____.
The unit to use when giving a picture a width and height is _____
The unit to use when giving a picture a width and height is _____
The style attribute is used because it prevents internal or external stylesheets from changing the _____ of the image.
The style attribute is used because it prevents internal or external stylesheets from changing the _____ of the image.
It is common to store images in a ____.
It is common to store images in a ____.
If images are stored in a subfolder, then you must include the ____ in the src attribute.
If images are stored in a subfolder, then you must include the ____ in the src attribute.
Sometimes websites store their images on an _____.
Sometimes websites store their images on an _____.
Animated images are ____.
Animated images are ____.
Images can be used as a _____.
Images can be used as a _____.
To make an image a link, nest the ____ tag inside the ____ tag.
To make an image a link, nest the ____ tag inside the ____ tag.
Flashcards are hidden until you start studying
Study Notes
HTML Image Fundamentals
- The
<img>tag is utilized for embedding images in HTML. - No closing tag is required for the
<img>element, making it self-closing.
Image Syntax
- The correct syntax for inserting an image involves specifying the
srcattribute.
Image Attributes
- The
srcattribute designates the URL of the image to be inserted. - The
srcabbreviation stands for "source."
Alternative Text
- The
altattribute represents alternative text for images. - If an image fails to load, the alternate text is displayed instead.
Accessibility
- Alternate text serves a functional purpose when users cannot view images.
- If a browser cannot locate the image, the
alttext is shown to the user.
Mandatory Attributes
- The
altattribute is essential for every image and aids visually impaired users.
Screen Readers
- HTML screen readers are tools that can vocalize the content displayed on screens.
- These readers are particularly beneficial for individuals who are blind, visually impaired, or learning disabled.
Styling Images
- The
styleattribute is recommended for adjusting image dimensions. - Proper syntax for resizing images is
style="width:#px;height:#px".
Browser Compatibility
- For older versions of Internet Explorer, include a border attribute set to 0.
Measurement Units
- Pixels (px) are the standard units for defining image width and height.
Image Storage
- Storing images in a subfolder is a common practice for organizing files.
- When images are in a subfolder, include the folder name in the
srcattribute to access them.
External Hosting
- Some websites utilize an image server to host their images, improving load times and organization.
Image Types
- Animated images typically come in GIF format, known for supporting simple animations.
Hyperlinks and Images
- Images can function as hyperlinks, enabling clickable visuals.
- To turn an image into a link, place the
<img>tag within an<a>tag.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
