HTML: the building blocks
What tag is used to create a hyperlink?
the <a> tag.
What property changes the background color of an element?
the background-color property.
What keyword declares a variable?
let or const.
What is responsive design?
design that adapts to different screen sizes.
<p>, <h1>, <div>, margin
margin.
What does the <alt> attribute do in the <img> tag?
provides alternative text for an image.
What is the difference between class and id selectors?
a class can be used on multiple elements, an id must be unique.
What function is used to write to the browser's console?
console.log().
What is accessibility?
the practice of designing sites usable by people with disabilities.
color, font-size, console.log(), padding
console.log().
This tag defines an unordered list.
the <ul> tag.
What property controls the space between the content of a box and its border?
the padding property.
This method selects an element by its ID.
document.getElementById()
What is the purpose of using <link rel="stylesheet" href="style.css"> in an HTML file?
it links an external CSS file to your webpage.
let, const, var, margin-top
margin-top.
What are semantic HTML elements? Give one example.
elements/tags that convey meaning. (ie. <article> <section> <nav>)
Which CSS unit is relative to the parent element's font size?
unit(s) of em.
What keyword is used to define a function?
the function keyword.
What is a wireframe?
a simple layout or blueprint for a website's structure.
<form>, submit, action, <label>
submit.
What is the difference between <div> and <span>?
<div> is a block-level element and <span> is inline.
What's the difference between a flexbox and grid layout?
flexbox is for one-dimensional layout (row or column), and grid is for two-dimensional layout (rows and columns)
What does this code print to the console?
let total = 5 + "5";
console.log(total);
55.
What does DOM stand for?
display: block, z-index, opacity, hover
hover.