In-Class Coding Activity
Start by creating a new HTML/CSS file in Visual Studio Code. You will code a mini-site about any music artist of your choice. You should include their about, discography, upcoming shows/events, link to merch, etc. 💿🎶
Develop a basic web page using the HTML/CSS tags. Include each of the following elements in ANY order:
• The correct html, head, and body tags
• Insert the following phrase, without the quotes, as your title tag: “(Music Artist Name) Discography Exercise by <insert your first and last name>.”
• One unordered list of past or upcoming shows/events
• One ordered list of the most popular songs
• A bold word or phrase anywhere on the page
• A centered word or phrase anywhere on the page
• An italicized word or phrase anywhere on the page
• At least three hypertext links to other sites on the Internet
• For the three links, use appropriate words/phrases as anchors rather than the URL.
• Colored text somewhere on the page
• At least two horizontal lines (rules) anywhere in two different areas of the page
• 3-5 .jpg or .gif images (For this exercise, you should select an image that is already existing on the web. Once you find an image, you want to find the associated URL and point to it from your web page. To point to an image on the web, right-click the image, view the image information, copy and paste the image’s URL into notepad using the correct HTML tags)
• 1 video of a live performance by the artist
• Add a music player with 3 songs by the artist (view how-to here)