I assume you already know what HTML is. In case you're just learning HTML, you can read more about that here. MDN.

<title>Grandma's Heavy Metal Festival Journal</title>

Link - It's used for linking CSS external links to the document. href is the path the file

<link href="css/main.css" rel="stylesheet">

header - Defines a header for a document or section,
Navigation inside header

Lists

ul - The ul tag defines an unordered (bulleted) list. Use the ul tag together with the li tag to create unordered lists. These tags are very important whenever you want to create a list item dynamically in Javascript apps like React apps.

ol - An ordered list—the order of the items is important, Could be alphabetical, numerical. etc. It can only have li elements as direct children.

li - A single list item, it must be inside a ul, ol, or menu. It can have most other elements inside it.
Most commonly used HTML tags other than the ones we've written are as follows:

• body - The page's content.
• h1 - A section heading.
• p - A paragraph.
• a — A link.
• img - An image.
• div — A block-level container for content.
• span — An inline container for content.
• head — The document head.
• HTML — The root element.

Resources Used: MDN,W3schools

Thanks 🙌 for reading and good luck with your coding journey!
Please share this article with your fellow devs if you like it!