1. HTML and the DOM

2. What is HTML? Hypertext Interconnected documents Markup Our code goes around our documents Language Yes, it’s programming

3. Declarative programming What you want not how you want it

4. Imperative programming C/C++ JavaScript Most everything you think of as programming

5. Markup We surround our data with tags to declare how they are to be treated.

6. This is my first paragraph. In this paragraph some parts need to be emphasized. This is the first item in a list The browser wouldn’t know it’s a list Except for the tags around this text

7. HyperText The text documents are interconnected inside the text

8. Anchor tag Check out some document!

9. Hyper === interconnected Hypertext markup language Hyper reference Hypertext transfer protocol

10. So what is HTML? A way of defining the *structure* of a document.

11. Document Object Model The in-memory model of an HTML Document

12. This is the DOM

13. Another View of the DOM

14. The DOM is a tree The file system is a tree The filesystem is a tree made up of files and directories. The DOM is a tree The DOM is a tree made up of text nodes and HTML Element nodes (tags)

15. 2 Types of Tags get Rendered 1.Block Tags 2.Inline Tags

17. Let’s take a look at some code See basicpage.html demo.

18. HTML is not where we change font, colours, sizes, etc. HTML is about STRUCTURE.