Day 1: Picking content

A long time deciding placeholders

The task for this lesson is to build an 'About' page for my favourite band. I spent ages deciding what my favourite band of the moment is and arbitrarily decided upon Foals.

Then I spent a long time worrying about what images to use since I didn't want to break some sort of copyright law. So instead I've created... Andy and the Roasties. A truly great band, I'm sure you'll agree.

None of this has anything to do with the lesson, let's dive into what I learned.

Learnings

• Added a navigation bar to the top of the page. This was done mainly by copying and pasting from the code shared by the presenter of the lesson in Github. I'm sure this is OK. I've heard that development involves a lot of copyin' and a'pastin'.

• HTML doesn't provide style for the content. For example, the <header></header> tags are just saying "this is the header of the page".

• Some tags don't need to be closed (eg <hr>, <img src="*"> or <br>) - these are known as "empty elements".

• Pasted some code in to define the page body. This included:

  • A <section></section> element - similar to the <header></header> element, it essentially just says "this is a generic area of the page in which all content is related".

  • A <footer></footer> element which contained logos to for Andy and the Roasties' social media accounts.

• The page is currently unstyled - so it doesn't look like much. The styling will be added later, with CSS. Here's a screenshot.