- HTML Tutorial
- HTML - Home
- HTML - History and Evolution
- HTML - Overview
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Headings
- HTML - Paragraphs
- HTML - Quotations
- HTML - Comments
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Style Sheet
- HTML - CSS Classes
- HTML - CSS IDs
- HTML - Images
- HTML - Image Map
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Iframes
- HTML - Blocks
- HTML Backgrounds
- HTML - Backgrounds
- HTML Colors
- HTML - Colors
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Code Builder
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <i> Tag
HTML <i> tag is used to display the content in italic style is generally used for the important words in the different languages and also for the technical terms. If we are writing content within a paragraph element but an important word or different language comes in the content, we can use the <i> tag to highlight the important word.
Syntax
<i> content </i>
Attribute
HTML i tag supports Global and Event attributes of HTML.
Examples of HTML i Tag
In the bellow examples we will see the different examples of i elements. Each example will illustrate the use cases of html i tag.
Specifying italic Element
In this following example, let’s see the usage of <i> tag how it will work in the HTML document.
<!DOCTYPE html> <html> <body> <h2> <i>This one is italic text</i> </h2> <p> I looked at it and thought <i>This can't be real! </i> </p> <p> The term <i>bandwidth</i> describes the measure of how much information can pass through a data connection in a given amount of time. </p> </body> </html>
Styling italic Element
Considering the following example, where we are creating an HTML document and using the <i> tag to create italic text and also using the style properties to make the italic text stylish.
<!DOCTYPE html> <html> <head> <style> i { color: red; } </style> </head> <body> <h2> <i>This one is italic text</i> </h2> <p> I looked at it and thought <i>This can't be real! </i> </p> <p> The term <i>bandwidth</i> describes the measure of how much information can pass through a data connection in a given amount of time. </p> </body> </html>
Idicating diff language with Italic Element
Let's look into the another scenario, where we are going to use the <i> in text to indicate that is of different language.
<!DOCTYPE html> <html> <head> <style> i { color: red; } </style> </head> <body> <p> The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in music, art, and literature. </p> </body> </html>
HTML <i> Tag Usage
Use the <i> tag on any text when there are no more appropriate semantic element. Such as <em>, <strong>, <mark>, <cite>, and <dfn> tags.
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
i | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google