Highlighting information on a web page

When making a web page, many times you wish you highlight certain parts of your text for the reader. In classic HTML, this is usually done either by using bold or italics; or using a quote, if appropriate.

Thus, designers used the <b></b> or <i></i> tags to highlight information by writing it in bold or italics, respectively. There is also a <u></u> tag to underline, but, as links are usually underlined in HTML, it is not too widely used.

Later, <em></em> and <strong></strong> appeared to indicate the same but with a more meaningful mark-up: emphasis and strong emphasis. These are the standard mark-up tags for HTML and XHTML now. You can use them indistinctly.

Examples:

<p>I <em>do</em> speak English!</p>
<p>I <strong>do</strong> speak English!</p>

Now HTML5 is introducing a few more tags to help people highlight information more precisely:

+ <mark></mark> is used to highlight text
+ <s></s> to indicate text which is no longer correct
+ <del></del> to mark text which has been deleted in a revision
+ <ins></ins> to mark text which has been included in a revision

Examples:

<p>Paul and Tatiana have <s>2</s> <ins>3</ins> children now. Congratulations!</p>
<p><del>This year 2001</del> <ins>That year</ins>...</p>
<p>What <mark>she</mark> said is not the official opinion of the organization.</p>

Not exactly highlighting, but still important

There are still a few other tags you need to learn. They are not widely used, but they are still important for every web designer:

+ <abbr title=""></abbr>, to include the meaning of some abbreviations
+ <blockquote></blockquote>, to copy quotes from other sources.
+ <code></code>, to copy computer code on a web page.
+ <small></small>, to include small side-related information
+ <sup></sup> and <sub></sub>, to superscript and subscript text, important in mathematics or chemistry

Now let's move to how to create links, one of the most important things on a web page.


Learn + Computers and the Internet + Web development