HTML Multimedia and Embedding Images and multimedia can be added to webpages with HTML elements. Some popular multimedia file formats include mp3, mp4, and wav. Videos can be embedded onto websites with the
Q: What is a real-world use case for the alt attribute being used in a website? A: To assist screen readers to access image descriptions for effective user experience.
Q: How can you improve accessibility of images in an HTML document? A: Use descriptive filenames, alt attributes, captions or provide more context and high contrast backgrounds for visually impaired users.
Q: Provide an example of when the figure element would be useful in an HTML document. A: To display images, diagrams, videos or audios that are relevant to text.
Q: Describe the difference between a GIF image and an SVG image, pretend you are explaining to an elder in your community. A: GIF images are clear but unscalable because they contain raster data like JPEGs, while SVG images have vector data that allows them to be resized without losing quality.
Q: What image type would you use to display a screenshot on your website and why? A: PNG (Portable Network Graphics) because it is suited for images with flat color and transparent backgrounds.
Q: Describe the difference between foreground and background colors of an HTML element, pretend you are talking to someone with no technical knowledge. A: Foreground color is what’s on top and contains actual text or images, while the background color is wallpapered behind the object or text.
Q: Your friend asks you to give his colorless blog website a touch-up. How would you use color to give his blog some character? A: Choose a color palette based on the subject matter or niche of the site, using two or three complementary colors.
Q: What should you consider when choosing fonts for an HTML document? A: Legibility, font size, and the mood desired aesthetic will convey to readers.
Q: What do font-size, font-weight, and font-style do to HTML text elements? A: Modify the look and feel of text by controlling the size, weight, and style of a given font.
Q: Describe two ways you could add spacing around the characters displayed in an h1. A: Include padding or margin, increase line height so that text doesn’t merge.