reading-notes

My reading notes

Project maintained by brandomoki Hosted on GitHub Pages — Theme by mattgraham

Images, Color, Text

What is a real world use case for the alt attribute being used in a website?
- alt This can be used to provide description to an image for screen readers.
How can you improve accessibility of images in an HTML document?
- adding an alt tag. This will allow user to know what the image is with the discription if the image were to fail to render.
Provide an example of when the figure element would be useful in an HTML document.
- This is a useful way to add meaning to a block of code that you want the user to see.
Describe the difference between a gif image and an svg image, pretend you are explaining to an elder in your community.
- svg have loss less compression that allows them to be in a file of any size without loss.
- gif are short animation ussually images that are changed in sequence.
What image type would you use to display a screenshot on your website and why?
- You would use WebP or PNG

Describe the difference between foreground and background colors of an HTML element, pretend you are talking to someone with no technical knowledge.
- foreground would be your text color. background-color would be the color of the background of the element
Your friend asks you to give his colorless blog website a touch up. How would you use color to give his blog some character?
- I would use a color palette and add in some background-color and possibly the color tag for their text
What should you consider when choosing fonts for an HTML document?
- you should consider if the users device or browser has the font and using a font stack
What do font-size, font-weight, and font-style do to HTML text elements?
- font-size This changes the size of the font
- font-weight This sets how bold the text will be
- font-style Used to turn on or off
Describe two ways you could add spacing around the characters displayed in an h1 element.
- You can use text-align: justify;
- letter-spacing