Basic HTML Markup

Concepts

• Elements:

  Here are some elements to start with:

  • paragraphs
  • headings
  • lists; ordered and unordered
  • Hyperlinks
  • Images
  • Text formatting elements
  • code
  • Blockquotes, quotes, and cite: example below
  • address
  • subscript and superscript
  • Abbreviations
• Nesting elements:
• Attributs:
• Block and inline elements:
  • Block elements:
    • Creates a block on a page, that appears in a new line.
    • Takes all the width that is available from the left to the right of the parent element.
    • Pushes the content that appears after it to the next line.
    • Generally, is a structural element on the page like headings, navigation, footer, etc.
  • Inline elements:
    • Only occupies the space required by the content in it.
    • Generally contained inside a block element.
    • Does not produce new lines on the page.
• Comments

Create HTML comments with this syntax between the tags: <!--comment-->

Examples of some HTML elements

Quotes and citation