MarkUps

 

...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.