Summary 3

There are two different types of markups in HTML.

Enclosing tags are used for text and they use an opening tag and a closing tag. This type of tag includes angle brackets that contain the name of the tag only. The closing tag must include a slash before the name of the tag, inside the brackets. Everything in between the beginning and closing brackets, will be impacted by the tag. Non-enclosing tags are for non-text content. The difference is that the enclosing tag provides the actual content that will be shown.

There is a general structure that every HTML webpage uses.

The first line of this is DOCTYPE, then the HTML tag. The DOCTYPE states that it is an HTML document and the HTML tag holds all of the rest of the code. After that comes two child tags, head and body. The body is where the content for the webpage goes. Head includes the code that tells the browser how to display the content. This includes, the meta tag, a charset attribute, and the title tag, whose name will appear at the top of the browser window.

The Document Object Model is created by the structure of the HTML.

In a typical HTML document, body will be followed by article which will then be followed by tags like h1 and p. In this example, article is the parent of h1 and p. h1 and p are siblings because they share a parent, and article, h1 and p are all descendants of body.