HTML Tutorial
HTML - Introduction HTML - Basic HTML - Structure HTML - Element HTML - Attributes HTML - Headings HTML - Paragraphs HTML - Styles HTML - Formatting HTML - Phrase Tags HTML - Quotations HTML - Comments HTML - Colors HTML - CSS HTML - Links HTML - Images HTML - Tables HTML - List HTML - Inline elements HTML - Block elements HTML - Classes HTML - Id HTML - Javascript HTML - File Path HTML - Iframe HTML - Responsive HTML - Computer Code HTML - Head tag HTML - Events HTML - Url Encoding HTML - Entities HTML - Validation
HTML Forms
HTML - Forms HTML - Form Elements HTML - Input types HTML - Input Attributes
HTML5
HTML5 - Introduction HTML5 - New Elements HTML5 - Semantics HTML5 - Style Guide
HTML Media
HTML - Video HTML - Audio HTML - Embed Multimedia
HTML Graphics
HTML - Canvas HTML - SVG
HTML APIs
HTML - Geolocation HTML - Drag & drop HTML - Web Storage HTML - Web Workers
HTML References
HTML - Tag Reference HTML - Tag by Category HTML - Attributes HTML - Global Attributes HTML - Events HTML - Language Codes HTML - Country Codes HTML - URL Encoding HTTP Methods HTTP Status Codes <input> types

HTML Phrase Tags

In HTML, a phrase tag is used to indicate that a block of text has structural meaning, though they are displayed in a similar way as other tags.


Text Abbreviation

You can abbreviate a text by using <abbr> element.

The optional title attribute can provide an expansion or description for the abbreviation.

Run code

Special Terms

The HTML Definition (<dfn>) element allows you to specify that you are introducing a special term.

It's usage is similar to italic words in the midst of a paragraph.

Run code

Computer Code

The HTML <code> element indicate that the text is a short fragment of computer code.

By default, the text is displayed using the browser's default  monospace font.

Run code

Text Citations

If you are quoting a text, you can indicate the source placing it between an opening <cite> tag and closing </cite> tag.

As you would expect in a print publication, the content of the <cite> element is rendered in italicized text by default.

Run code

You will learn more about quotations in the next chapter.


Keyboard Text

When you are talking about computers, if you want to tell user to enter some text, you can use the <kbd> element to indicate what should be typed in.

Run code

Programming Variables

The HTML <var> element represents the name of a variable in a mathematical expression or a programming context.

It's typically presented using an italicized version of the current typeface.

Run code

Program Output

The HTML Sample output (<samp>) element indicates sample output from a program, and script etc.

It is mainly used when documenting programming or coding concepts.

Run code

Marking up contact details

HTML has an element for marking up contact details - <address>. This simply wraps around your contact details.

Run code

HTML Phrase Tags

Tag Description
<abbr> Represents an abbreviation
<address> Represents an address
<cite> Specifies a citation
<code> Defines a piece of computer code
<dfn> Specifies a special term
<em> Renders as emphasized text
<kbd> Defines keyboard input
<samp> Defines sample output from a computer program
<strong> Defines important text
<var> Defines a variable