How to Italicize and Bold Text in HTML
There are plenty of ways to mark up text in HTML, but often there is a right way.
HTML5 is the beginning of an era of true semantics on the web. While systems like search engines and screen readers have yet to fully take advantage of HTML’s semantics elements (such as
strong, etc), that doesn’t mean we should prepare for the day that they do.
In that spirit, here’s a quick demonstration of the various options for italicizing and bolding text:
|Our favorite cruise was on the <i>Explorer of the Seas</i>, --> italicize the name of a ship|
|which we read about in <cite>Cruising</cite> magazine, --> reference the name of a publication|
|and we <em>loved</em> it. --> emphasize a feeling|
|(<b>Note:</b> This was before everyone got all sick --> start a note with bolded text|
|and was throwing up <strong>everywhere</strong>.) --> make a strong statement|