...and some Semantics
In other words, the basic logic in using a markup language.
EXPRESS PAGE
⬇︎
FULL SPREAD
⬇︎
MARKUP LANGUAGE:
A system (as HTML) for marking or tagging a document that indicates its logical structure (as paragraphs) and gives instructions for its layout on the page especially for electronic transmission and display.
Markups
Phrase
- - - - - - - - - - - - - - - - - -
Emphasize
Strong
Define a term
Code Listing
Sample
Keyboard
Variables
<em> Emphasize </e>
<strong> Strong </strong>
<dfn> Define aa term </dfn>
<code> CodeListing </code>
<samp> Sample </samp>
<kbd> Keyboard </kbd>
<var> Variables </var>
Font
- - - - - - - - - - - - - - - - - - - -
Bold
Italic
Underline
This is Subscript
This is Superscript
Strikeout
<b> Bold </b>
<i> Italic </i>
<u> Underline </u>
This is <sub> Subscript </sub>
This is <sup> Superscript </sup>
<s> Strikeout </s>
Highlight
- - - - - - - - - - - - - - - - - - - - - -
Highlight Text
Highlight with Color
<mark> Highlight Text </mark>
<mark style="background-color: #15b7f6; color: #f26025;"> Highlight with Color </mark>
Notes
- - - - - - - - -
These HTML Markups are very easy & convenient. However, CSS can provide more power, flexibility & consistency.