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