What are “tags”?
Tags are parts of an element on a webpage; elements are used to build the structure of a web page. Each tag provides information about the information within that element.
What tags make up the main structure of a web page?
The main structure of the web page uses the tags/elements, <html> <title>, <head>, <body>, which indicate the structure of the page.
What’s the difference between the <title> tag vs. a heading tag?
A <title> tag shows up as the name of the browser tab, it does not show up on the webpage itself. A heading tag does show up on the actual page.
Explain what semantic markup is/does, with examples.
Semantic markup refers to tags that are used to convey context about the content within the tags, as opposed to being used to create structure. This allows programs such as screen readers or search engines to have an easier time understanding the implications of the text in a webpage. Some examples are <em> for adding empahsis, or <blockquote> to add a quote.
What’s the difference between the <ol> and <ul> elements?
<ol> stands for ordered list, and is a numbered list. <ul> stands for unordered list, and is just bullet points without numbers.
Give an example of when you might use each.
You might use <ol> when providing a list of steps, and <ul> when creating a list of attributes.
What’s the difference between “absolute paths” and “relative paths”?
An absolute path starts from the root (such as the site's domain name) (or path's root), while relative paths start from the current location.
What does ../ mean in a link path?
The parent folder/directory of the current location
What is “alt text”?
A text description of an image for if you can’t see it.
How should you save/size your images?
You should save the image as the same size (width & height) as it will be on the website.
What new HTML tags are introduced in this chapter?
Width, height, align (obsolete), figure, figcaption
How does context affect the way you write alt text?
The description needs to match how the image is being used on the page. You should describe the use/meaning of the image in that specific situation.
What is a “decorative” image and what should its alt text be?
An image used for layout but that doesn’t provide important content, and has no function. Its alt text should be empty (alt=“”) so screen readers know to skip it.
When is an image “functional,” and how does that affect its alt text?
When it acts as a link/button or does something on the page. Its alt text should describe the function (what it does when you interact with it), not just what it looks like. It shouldn’t convey more information than is visually conveyed by the image.
How do CSS and HTML work together?
.....
What parts make up a CSS rule?
.....
What’s the difference between internal vs. external CSS? Is one better?
.....
What does the “cascade” in CSS refer to?
.....
Why do we list multiple fonts for the font-family property?
.....
What are the pros/cons of different units for type size?
.....
Which CSS/text properties seem useful for styling your resume page?
.....
Of the 10 tips, pick 3 that you’d like to remember or apply in your own work.
.....
What’s the difference between border, margin, and padding?
.....
How do block elements behave? Inline elements?
.....
Why would you use a percentage % width rather than a “fixed” width (xx pixels, xx em)?
.....
What is a containing element?
.....
What’s the difference between ID and class?
.....
What’s a “div”?
.....
What is CSS Grid?
.....
What are the 3 main steps to using CSS grid for layout?
.....