Common Elements With CSS
Headings - h1 to h6
There are six levels of headings. A heading describes the topic of a section in a logical order; think of a table of content compiled from headings and apply headings in a logical order.
Headings are often misused for the way they are displayed in a browser; you would not expect a table of content jumping from a heading level 4 to 6 nor should you do that in your markup . The purpose is to represent a logical order within a section.
This is heading 1
This is some text.
This is heading 2
This is some other text.
This is heading 3
This is some other text.
This is heading 4
This is heading 5
This is heading 6
Paragraph
Example paragraph grouping text content.
And here is a more interesting paragraph with a special copy right charaters,©.
Certain characters such as the copyright © or mathematical symbols are represented by character entities.
<p>©Copyright - no rights reserved!</p>
Block quoates
This is a quotation taken from the Mozilla Developer Center.
– Aldous Huxley, Brave New WorldWords can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.
Lists
Schedule for today
- Wake up, drink coffee
- Feed the cat
- Ponder on the duality of human existence
Places to visit
- Honoloulou
- Yellow mountain, China
- Dark side of the moon
Div
Any element you wish!
Inline quoates
In the new world of semantic markup,
"separation of content from how it is presented is key to modern web development"
.
Hyperlink
href defines an external site example href defines a particular document in an external site href defines a document in the same site href defines a particular id (tel_no) within a document (about_us.html) in the same site href defines a particular id (top) in this documentSpan
The following is wrapped in a span element for special styling.