HTML: Definition, <hr>, Heading, <code> <span> <div> Tags

Definition Tag

The common way to show a Definition is to use the definition tag <dl>

For Example:

<dl><dt>Newton's 3rd Law</dt><dd>every action has equal and opposite reaction</dd></dl>

will be displayed as

Newton's 3rd Law

every action has equal and opposite reaction

Alternatively, you can place a Definition between horizontal lines using the <hr> tag as follows:

---

Newston's 3rd Law: Every action has equal and opposite reaction

---

Code:
   <blockquote><hr><strong>Newton's 3rd Law</strong>: Every action has equal and opposite reaction<hr></blockquote>

Heading Tags

There six heading tags in HTML starting from <h1> to <h6> in the descending order of there sizes respectively. <h1> being the largest while <h6> is the smallest.

<code> Tag

This tag is generally used for souce-code. It is just a variation from the normal text size

Example:
   <code>text from source-code</code>
will be displayed as
   text from source-code

<span> <div> Tags

Both <span> and <div> are similar, to the extent that both can apply styling to a block of texts. But <div> tag can do more than that. <div> tag can be used to make logical divisions within an HTML document. The <div> tag automatically breaks paragraphs, hence each <div> creates a separate division. Different stylings can be performed on each division. The <span> tag can only apply a particular styling to the section enclosed within the tag. No formatting is done by the <span> tag.


Reference Links:
Definition Tag
<HR> Tag
Headings
<span> and <div> Tags