HTML - Formatting tags

<sup> what does?

Defines superscripted text sup { vertical-align: super; font-size: smaller; }

<s> what does?

Defines text that is no longer correct *Never use this crap* s { text-decoration: line-through; }

<bdi> what does?

Isolates a part of text that might be formatted in a different direction from the other other text outside it

<bdo> what does?

Overrides the current text direction bdo { unicode-bidi: bidi-override; }

<dfn> what does?

Represents the defining instance of a term dfn { font-style: italic; }

<progress> what does? 2 Attributes?

Represents the progress of a task Attributes: 1) max="number" - Specifies how much work the task requires in total 2) value="number" - Specifies how much of the task has been completed

<cite> what does?

Defines the title of a work cite { font-style: italic; }

<i> what does?

Defines a part of text in an alternate voice or mood *Never use this crap* Use the <i> element only when there is not a more appropriate semantic element, such as: <em> (emphasized text) <strong> (important text) <mark> (marked/highlighted text) <cite> (the title of a work) <dfn> (a definition term) i { font-style: italic; }

<code> what does?

Defines a piece of computer code *Not really useful* - better result can be achieved using regular HTML & CSS code { font-family: monospace; }

<wbr> what does?

Defines a possible line-break <p> To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object. </p>

<meter> what does? Note? 6 Attributes?

Defines a scalar measurement within a known range (or gauge) Note: The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars, use the <progress> tag. Attributes: 1) high="number" - Specifies the range that is considered to be a high value 2) low="number" - Specifies the range that is considered to be a low value 3) max="number" - Specifies the maximum value of the range 4) min="number" - Specifies the minimum value of the range 5) optimum="number" - Specifies what value is the optimal value for the gauge 6) value="number" - Required. Specifies the current value of the gauge https://www.w3schools.com/tags/tag_meter.asp

<blockquote> what does? Tip?

Defines a section that is quoted from another source *Tip:* Use <q> for *inline* (short) quotations. Attribute: <blockquote cite="URL"> - Specifies the source of the quotation blockquote { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }

<q> what does? Attribute?

Defines a short quotation Attribute: 1) cite="url" - Specifies the source URL of the quote

<del> what does? 2 Attributes?

Defines a text that has been deleted from a document Browsers will normally strike a line through deleted text and underline inserted text. Attributes: 1) cite="URL" - Specifies a URL to a document that explains the reason why the text was deleted 2) datetime="YYYY-MM-DDThh:mm:ssTZD" - Specifies a URL to a document that explains the reason why the text was deleted del { text-decoration: line-through; }

<ins> what does? 2 Attributes?

Defines a text that has been inserted into a document Browsers will normally strike a line through deleted text and underline inserted text. Attributes: 1) cite="URL" - Specifies a URL to a document that explains the reason why the text was inserted/changed 2) datetime="YYYY-MM-DDThh:mm:ssTZD" - Specifies a URL to a document that explains the reason why the text was inserted/changed ins { text-decoration: underline; }

<var> what does?

Defines a variable var { font-style: italic; }

<abbr> what does? Tip?

Defines an abbreviation or an acronym *Tip:* The global title attribute can be used in the <abbr> tag to show the full version of the abbreviation/acronym when you mouse over the <abbr> element.

<b> what does? Note?

Defines bold text *Never use this crap* *Note:* According to the HTML 5 specification, the <b> tag should be used as a LAST resort when no other tag is more appropriate. The HTML 5 specification states that headings should be denoted with the <h1> to <h6> tags, emphasized text should be denoted with the <em> tag, important text should be denoted with the <strong> tag, and marked/highlighted text should use the <mark> tag. b { font-weight: bold; }

<address> what does? Tip?

Defines contact information for the author/owner of a document/article *Tip:* The <address> element will typically be included along with other information in a <footer> element. address { display: block; font-style: italic; }

<time> what does? Attribute?

Defines date/time Attribute: 1) datetime="YYYY-MM-DDThh:mm:ssTZD" - Represent a machine-readable date/time of the <time> element

<em> what does?

Defines emphasized text em { font-style: italic; }

<strong> what does?

Defines important text strong { font-weight: bold; }

<kbd> what does?

Defines keyboard input kbd { font-family: monospace; }

<mark> what does?

Defines marked/highlighted text mark { background-color: yellow; color: black; }

<pre> what does?

Defines preformatted text pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }

<samp> what does?

Defines sample output from a computer program samp { font-family: monospace; }

<small> what does?

Defines smaller text small { font-size: smaller; }

<sub> what does?

Defines subscripted text sub { vertical-align: sub; font-size: smaller; }

<u> what does?

Defines text that should be stylistically different from normal text *Never use this crap* u { text-decoration: underline; }