There are six levels of headings, h1 is the most important and h6 is the least. Use the levels consistently throughout your site to give a logical hierarchy or outline to a document. Choose a heading based on its importance, not its visual size.
Paragraphs are the most rudimentary elements of a text document. They can contain text, images, or other inline elements. By default they add space below the closing tag. Most of the content of my page will be contained within a paragraph tag.
Notice the font that this is being shown in. It is the DEFAULT font, chosen by your browser (usually Times New Roman). I can change this with CSS.
If you use an abbreviation or acronym, then the <abbr> element can be used. A title attribute on the opening tag is used to specify the full term. This is a handy way to write UCBA but still include the entire name of the college.
To quote a large block of text that come from an external source and spans several lines, you use the <blockquote> element. A <blockquote> is a block-level element that can contain other block-level elements like headings and paragraphs.
Longer quotes within the <blockquote> will often include a citation. Use the cite attribute to provide a reference to the URL of the original source of your content.
This is a quote about semantic HTML copied from https://en.wikipedia.org/wiki/Semantic_HTMLSemantic HTML is a way of writing HTML that emphasizes the meaning of the encoded information over its presentation (look). HTML has included semantic markup from its inception, but has also included presentational markup, such as <font>, <i> and <center> tags. There are also the semantically neutral <span> and <div> tags. Since the late 1990s when Cascading Style Sheets were beginning to work in most browsers, web authors have been encouraged to avoid the use of presentational HTML markup with a view to the separation of presentation and content.
In order for search-engine spiders to be able to rate the significance of pieces of text they find in HTML documents, and also for those creating mashups and other hybrids as well as for more automated agents as they are developed, the semantic structures that exist in HTML need to be widely and uniformly applied to bring out the meaning of published text.
The <address> element has surprising purpose: to contain contact details for the author of the page. It is not necessarily for a street address and will more likely have a name, e-mail address or phone number.
This page was created by Peter WagnerThis paragraph demonstrates the line break as used within a paragraph.
This is on a new line
...and this is on another new line.
The line break should only be used inside block-level elements,
NOT as a way to add space above or below and element.
The correct way to add space is to use CSS to add Margins or Padding.
The pre element is unique because web browsers normally eliminate any whitespace. However, text within a pre element will display the whitespace exactly as it is in the code.
So I can have text like this