3 - HTML Elements

Basic HTML Elements

Headings

h1-h6
Define the structure and hierarchy of a web page
h1 is most important, h6 the least
They should be used to organize content logically
h6 - footer usage

Paragraphs

p tag wraps block of text context with an empty space above and below
Each paragraph is a self-contained unit

Line Break

<br>
Causes the browser to advance to the next line before displaying the next element or text
void element

Horizontal Rule Element

<hr>
Horizontal line across the page void element

Phrase Elements

Lists

Ordered list

<ol> ... </ol> and <li> ... </li>
Numbering or lettering system

• Numerals (default)
• Uppercase letters & Roman numerals
• Lowercase letters & Roman numerals
  <ol> - with each list iteam beginning and ending with <ll> and <li>
  Type attribute:
• configures the symbol used for ordering the list
• uppercase, lowercase, and roman numerals
• <ol type="A"> for uppercase letters

Unorder List

<ul> ... </ul> and <li> ... </li>
Displays a bullet or list marker

• Filled-in circle (the default)
• Square
• Circle - Open Cicle
  <ul> - with each list item beginning and ending with <ll> and </li>
  Type attribute - <ul type="square"> for a square list marker