an introduction to HTML

What is HTML

stands for Hyper Text Markup language and it is the markup language for creating web pages, it uses tags to identify elements so the browser can display it correctly

Screenshot 2024-11-11 at 10.23.52.png

Screenshot 2024-11-11 at 10.24.10.png

Each of these are containers, without these all the text would just merge together

Anatomy of a tags

Screenshot 2024-11-11 at 10.24.54.png

Example

<p> A short paragraph explaining stuff. </p>

It has an opening tag, content, closing tag

This is a website that shows all the tags, note the ones in red aren’t used but they are still listed: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

Semantic Elements

HTML has a lot of semantic elements that describe how the content should behave, Semantic meaning relating to meaning.

We should use the correct tag for each element based on the intended purpose rather than its appearance. to change it’s appearance we should use CSS (cascading style sheets)

Screenshot 2024-11-11 at 10.28.40.png