HTML Some Basic HTML Elements Used in the Demos

The Demos-n-Deets assume a basic understanding of HTML. For convenience, I list below the some of the most basic HTML elements used (without explanation) in the demos.

Heading Elements

HTML includes a set of heading elements (<h1>, <h2>, etc.) for structuring pages into sections, and they are well explained on this W3Schools page. Here are a few additional things to note about HTML heading elements:

• The <h1> tag is usually used for page titles and only once per page.
• The <h2> tag is usually used for the first level of subheadings.
• You can also use <h3>, <h4>, <h5>, and <h6> tags to further subdivide your content.
• Headings should never skip a level. For example, an <h2> element should never be followed by an <h4> element, unless that <h3> element somewhere in between them.

Paragraph Elements

HTML includes a paragraph element (<p>) for defining the paragraph structure of a page, and it is well explained on this W3Schools page.

List and List-Item Elements

HTML includes elements for displaying unordered lists (<ul>; i.e., bullet lists) and ordered lists (<ol>; i.e., numbered lists), and they are well explained in this W3Schools page.

One thing to note about HTML lists is that they are structured such that, for a given list, list-item elements (<li>) that represent the items of the list are nested inside a parent list element (<ul> or <ol>) that represents the list as a whole. To illustrate, here is the code for an unordered list of colors:

<ul>
  <li>Red</li>
  <li>Green</li>
  <li>Blue</li>
</ul>

Note how there is a parent <ul> element that contains three <li> elements, one for each color.