chartreuse-01.html, duplicate it, & name it
Reproduce this webpage in Brackets: Chartreuse No. 2.
This assignment introduces the following elements. You should use every one of these elements in order to complete the assignment (of course, you will also use some—maybe all—of the elements you used in previous assignments as well!).
Create 2 new folders in your project:
To download images & videos, right-click on the appropriate links below & choose
Download Link As… or
Save Link As… or whatever your browser says. Place the downloaded files into the proper folders, as detailed below.
Download these images & place them in
Download these videos & place them in
When you place
<video> in your webpage, the width is 1280 & the height is 720. Use
chartreuse-monastery.jpg as the poster image for the video. Your web browser & operating system may very well make this look different.
Insert the images in the appropriate locations inside
<figure>. A few other things:
- Note the examples of
<figcaption>in the document (the text under the images).
- Don’t forget to include the
widthattributes. How do you get those? Click on the images in Visual Studio Code & look!
- Don’t forget the
altattributes for the
<img>s. Hmmm… where could you find the text you could use for the
The following text should be quoted (using the appropriate element!): “the only liqueur in the world with a completely natural green colour”.