HTML Italic Generator

Use the following HTML italic generator to create italic text. Simply select the text you want to make italic and click the I button. The code will be generated in the textbox adjacent to the text.

Also check out this Text Generator.

Replace this text with your own text. Select part of the text and click the "I" button to make it render in italics... (but be sure to read the explanation below...)

The <i> Element's New Purpose

The above generator uses the HTML <i> element to render the text in italics.

Note that, prior to HTML5 the <i> element was used to render text in italics, however, HTML5 has given a new meaning to this element.

As of HTML5, the purpose of this element is to specify text in an alternate voice or mood, or otherwise offset from the normal prose. Examples could include a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts.

Therefore, the <i> tag should not be used to markup text in italics (this was OK in previous versions of HTML but not in HTML5). Style sheets should be used to style text without giving it any semantical meaning. To style text in italics, without conveying any semantical meaning, you should use the CSS font-style property.

Also, here are some other considerations:

  • The <i> should not be used to markup text with stress emphasis. To markup text with stress emphasis, you should use the <em> tag.
  • The <i> should not be used to markup text with extra importance. To do this, you should use the <strong> tag.
  • Also, the <i> should not be used to markup a defining instance of a term (i.e. when providing a definition of a term). To do this, use the <dfn>.

Using Cascading Style Sheets (CSS)

As mentioned, if you simply want to render italics without conveying any semantic meaning, use the CSS font-style property.

About was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents. aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

Need Hosting?

Our partner site HOSTEK provides website hosting, domain names and related products at some of the best prices on the web. If you need web hosting, check them out!