sectionthat starts with an
h2element with the text of "Images"
figureelement and use
figcaptionto describe each photo's content.
headerto make it completely visible below the header before the user scrolls down the page.
h1elements to have:
h2elements to have:
header, but with either a lighter or darker shade
asidethat contains your blockquote (not on the blockquote itself).
asidethat causes it to appear to the right of the description list of links. Hint: Remember that float requires the element to be moved in the HTML to make it appear in the desired spot.
blockquoteto the right
figureis a block element). Use CSS positioning to line up the three figure elements horizontally. Hints:
figcaptionelements to have:
footerlook like your
header. It should NOT be fixed like the header, though.
HTML and CSS should be properly formatted following their respective coding conventions discussed in class.
You can use the live preview extension in VSCode to test the page as you're building (click Preview Available in the lower left of the VSCode window), but when you're finished, be sure to check the live URL at
https://dh110f17.github.io/bio-YOURUSERNAME (e.g. "https://dh110f17.github.io/bio-mickelj") to see that it is completely uploaded and working.
The final result should look similar to this:
You will be graded on:
The lab will begin with a full score of 75 points and deductions will be made according to the amount and severity of errors.