4.2 - HTML: The Basics
Today's lesson is mostly live demo. If you miss class, click the links below to learn independently (and ask a classmate).
The simplest GUI - HyperText Markup Language
Sir Tim Berners-Lee created a language that describes what we want to see in a document. On the "Web", the GUI is created by writing HTML in a document, similar to writing a book or essay. A consortium of people decide on the standards of the HTML language. HTML (now at version 5) has grown to include buttons, sliders, animations and way more.
Last class we went over preparing VSCode, the very basics of an HTML file, and some of the simpler tags like <title>, <br>, <p>, and <h1>.
🤔 Does anyone have any questions so far?
We'll use the same VSCode folder (GitHub repo) as last class. Let's dive into:
Unique Identifiers (the id= attribute)
Images <img src="">
Hyper Links (the anchor tag) <a href="">
To locations on our page
To external sites
To another page on our site
Curious About HTML?
Entire list of tags by category and by alphabet
You could read through the HTML syntax guide
Extra Resources
Have a look at the following tutorials. Keep in mind that they did not use proper indenting in their examples (shame on them). You should always indent by 2 spaces when tags are inside one another. Indenting examples here.