Topic 1: Html Structure
To create structure in a html document, you use tags. There are two different types of tags, enclosing tags and non enclosing tags. Enclosing tags are used for the content you want to be displayed on the screen and non enclosing tags are used for content that is referenced for just the browser to know. An example of an enclosing tag would be <p> text goes here </p>.
Topic 2: Html Template and Elements
There are some required elements needed in an html document. These required elements help to display the web page correctly. Some of these elements are doctype, head, html, and body. Doctype is stating the document is in html. The hmtl is the root tag that is what the whole web page is nested into and, the head tag is where information about your website that the user will not see. The body tag is what your content of the page is nested into.
Topic 3: Document Object Model
Html structure creates the document object model, abbreviated as DOM. This shows how the browser views an elements property. This then helps determine the family relationships between the elements. CSS modifies the DOM by selecting different elements and changing their properties. This essentially means, you're changing the layout and style of the page.