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; }