reading-notes

Think you might be in the wrong place? Go home!

What is a real world use case for the alt attribute being used in a website?

In an e-commerce website, the alt attribute is crucial for describing product images, helping users with visual impairments understand and shop for items effectively.

How can you improve accessibility of images in an HTML document?

Improve image accessibility by using descriptive alt attributes, adding contextual text, ensuring color contrast, using semantic HTML, and testing with screen readers.

Provide an example of when the figure element would be useful in an HTML document.

The figure element is handy for associating images with captions, enhancing content structure, such as providing image descriptions in news articles.

Describe the difference between a gif image and an svg image, pretend you are explaining to an elder in your community.

A GIF is like a quick series of pictures, while an SVG is like a mathematically defined drawing that can be resized without quality loss.

What image type would you use to display a screenshot on your website and why?

Use PNG for screenshots on a website because it’s a lossless format that preserves image quality and detail, ensuring sharp and clear screenshots.

Describe the difference between foreground and background colors of an HTML element, pretend you are talking to someone with no technical knowledge.

Think of foreground color as the ink on paper, making text visible, and background color as the paper’s color behind the text.

Your friend asks you to give his colorless blog website a touch up. How would you use color to give his blog some character?

To add character to a colorless blog, choose a theme color for headings and elements, but don’t overdo it. Also, apply color to images and backgrounds for an engaging layout.

What should you consider when choosing fonts for an HTML document?

When picking fonts, prioritize readability, compatibility, and design cohesion. Ensure the chosen font matches the website’s mood and style.

What do font-size, font-weight, and font-style do to HTML text elements?

These properties control text size, thickness, and style, allowing you to emphasize or style text.

Describe two ways you could add spacing around the characters displayed in an h1 element.

You can create space around an h1 element using margins or add space inside it using padding. Use CSS to adjust margins or padding.

Information gathered using ChatGPT