Advanced Block and Inline Elements

This lesson is an extension of the previous lesson on basic block and inline elements. The same rules apply for advanced elements this is just an extension of what was previously learned.

Advanced Block Elements

The

tag is used to display a long quote and has a default indentation to the left.

This is an example of how the blockquote is used.

The

tag is used to create a definition list.

The

tag is used to create an item in a definition list

is used to describe the item in the definition list

This is an example of how definition tags are used:

HTML

- Hypertext Markup Language

CSS

- Cascading Style Sheet

          
The 
 tag creates preformatted text. Text in 
 tags are displayed in a fixed-width font (usually Courier), and keeps spaces and line breaks.

          
Example of preformatted text.


          

          
Advanced Inline Elements
          

          
The  tag is used for quotes. It simply adds ” around the text.
          

          
The  tag stands for abbreviation and is used to shorten phrases and is useful for search engines and spellcheck to understand the abbreviation. If you scroll over the abbreviation you can view the actual phrase it stands for.
          
This is an example: HTML
          

          
The  tag is used to define an acronym. It is simliar to the  tag in that it also shows the phrase when scrolled over.
          
This is an example: LOL
          

          
The  tag stands for citation.
          
This is an example of citation
          

          
The  tag is used to display code text.

          
This is an example of how code tags are used.
          

          
The  tag is used to create subscript text.
          
This is an example of subscript text
          

          
The  tag is used to create superscript text.
          
This is an example of superscript text


          

Take the quiz »