Skip to content
  • Quizes
  • QStack
  • Blog
  • pinterest
  • instagram
  • twitter
  • linkedin
  • facebook
W3 Coding Schools
  • Home
  • HTML
    • HTML Introduction
    • HTML Editors
    • Fundamentals of HTML
    • Elements of HTML
    • HTML Attributes
    • HTML Headings
    • HTML Paragraphs
    • HTML Style Attribute
    • HTML Text Formatting
    • HTML Phrase Tags
    • HTML Comments
    • HTML with CSS
    • HTML Links
    • HTML Images
    • HTML Tables
    • HTML Lists
    • HTML Blocks
    • HTML Class Attribute
    • HTML Id Attribute
    • HTML Iframes
    • HTML JavaScript
    • HTML File Paths
    • HTML Head
    • Computer Code Elements
    • HTML Entities
    • HTML Charset
    • HTML URL Encode
    • HTML and XHTML
    • HTML Layouts
    • HTML Forms
    • HTML Form Elements
    • HTML Form Input Types
    • HTML Input Attributes
    • HTML5 Introduction
    • HTML5 New Elements
    • Semantic Elements
    • HTML5 Migration
    • Style Guide
    • HTML Canvas
  • CSS
    • CSS Introduction
    • CSS Syntax and CSS Comments
    • CSS Selectors
    • How to add CSS to a Webpage
    • CSS Color Basics
    • CSS Background Properties
    • CSS Border Properties
    • CSS Margin and Padding Properties
    • CSS Height and Width properties
    • CSS Box Model
    • CSS Outline Properties
    • CSS Fonts
    • CSS Text
    • How To Add Icons
    • CSS Links
    • CSS List-Style
    • CSS Tables
    • CSS Display Property
    • CSS Position Property
    • CSS Overflow Property
    • CSS max-width Property
    • CSS Float and Clear Properties
    • CSS Alignment
    • CSS inline-block
    • CSS Combinators
    • CSS Pseudo Classes
    • CSS Pseudo Elements
    • CSS Opacity
    • CSS Navigation Bar
    • CSS Dropdowns
    • CSS Image Gallery
    • CSS Image Sprites
    • CSS Attribute Selector
    • CSS Styling Forms
    • CSS Counters
    • CSS Units
    • CSS Specificity
    • CSS Website Layout
    • CSS Rounded Corners
    • CSS Border Image Property
    • CSS Multiple Backgrounds
    • CSS Gradient
    • CSS Shadow Effects
    • CSS Text Effects
    • CSS Web Fonts
    • CSS 2D Transforms
  • Bootstrap 4
    • Bootstrap 4 – Introduction
    • Bootstrap versions
    • Bootstrap 4 Layout
    • Bootstrap 3 Vs Bootstrap 4
    • Bootstrap 4 Grid System
    • Bootstrap 4 Typography
    • Bootstrap 4 Colors
    • Bootstrap 4 Images
    • Bootstrap 4 Tables
    • Bootstrap 4 Jumbotron
    • Bootstrap 4 Figures
    • Bootstrap 4 Alerts
    • Bootstrap 4 Buttons
    • Bootstrap 4 Button Group
    • Bootstrap 4 Badges
    • Bootstrap 4 Spinners
    • Bootstrap 4 Progress Bars
    • Bootstrap 4 Pagination
    • Bootstrap 4 Breadcrumbs
    • Bootstrap 4 List Groups
    • Bootstrap 4 Cards
  • jQuery
    • jQuery Introduction
    • jQuery Download
    • jQuery Selectors
    • jQuery Event Methods
    • jQuery Hide/Show Effects
    • jQuery Fading Effects
    • jQuery Sliding Effects
    • jQuery Animation
    • jQuery Stop and Callback
    • jQuery Get and Set Methods
    • jQuery Chaining
    • jQuery Add
    • jQuery Remove
    • jQuery CSS Classes
    • jQuery Style Properties
    • jQuery Dimensions
    • jQuery Traversing
    • jQuery Ancestors
    • jQuery Descendants
    • jQuery Siblings
  • Javascript
    • JS Introduction
    • JS Where to Put
    • JavaScript Syntax
    • JavaScript Comments
    • JavaScript Variables
    • JavaScript Data Types
    • JavaScript Operators
    • JavaScript Events
    • JavaScript Strings
    • JavaScript Numbers
  • php
    • PHP Introduction
    • Install PHP
    • PHP Syntax and Comments
    • PHP Variables
    • PHP Constants
    • PHP Echo and Print
    • PHP Data Types
    • PHP Strings
    • PHP Operators
    • PHP $ and $$ Variables
  • WordPress
    • WordPress Introduction
    • WordPress History
    • WordPress.com vs WordPress.org
    • How to Install WordPress
    • WordPress Dashboard
    • How to Create a WordPress Website
    • WordPress Posts
    • WordPress Pages
    • WordPress Posts vs Pages
    • WordPress Categories
  • SEO
    • SEO Introduction
    • SEO Tactics and Methods
    • SEO Relevant Filenames
    • SEO Domain Name
    • Website Design and SEO
    • SEO Keywords
    • Meta Tags Optimization
    • Title Tag Optimization
    • Anchor Text Optimization
    • Content Optimization
  • Android
    • Android Introduction
    • Android History and Versions
    • Android Architecture
    • Android Environment Setup
    • Android Application Components
    • Hello World Application
    • Android Activities
  • iOS
    • iOS Introduction
    • iOS Environment Setup
    • iOS Architecture

You Are Here

  • Home
  • Learn HTML
  • HTML Phrase Tags

Topics

  • HTML Introduction
  • HTML Editors
  • Fundamentals of HTML
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Style Attribute
  • HTML Text Formatting
  • HTML Phrase Tags
  • HTML Comments
  • HTML with CSS
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Blocks
  • HTML Class Attribute
  • Id Attribute for HTML
  • HTML Iframes
  • HTML JavaScript
  • HTML File Paths
  • HTML Head
  • HTML Computer Code Elements
  • HTML Entities
  • HTML Charset
  • HTML URL Encode
  • HTML and XHTML
  • HTML Layouts
  • HTML Forms
  • HTML Form Elements
  • HTML Form Input Types
  • HTML Input Attributes
  • HTML5 Introduction
  • HTML5 New Elements
  • Semantic Elements in HTML5
  • HTML5 Migration
  • Style Guide
  • HTML Canvas
  • HTML SVG

Oct Champs & Prizes

  • 1. Pooja Ladda
  • 2. Manjali Kuldharan
  • 3. Pranali Surawar
  • 4. Anjali Kulkarni
  • 5. Vishal Deshmukh

Recent Posts

  • HTML Media
  • jQuery Siblings
  • Bootstrap 4 Cards
  • jQuery Descendants
  • jQuery Ancestors

HTML Phrase Tags

HTML phrase tags are used to perform some specific operations like highlighting the text in web pages and adding quotations etc.
These HTML tags are displayed in a similar way as that of other basic HTML tags.
Following are the HTML phrase tags:

Marked Text:

In HTML <mark> element is use to highlight a section of text. The content written inside the open and close mark tag will display as yellow mark and it looks like a highlighter.

Example:

<p> This text is <mark> highlighted </mark> text </p>
Try it

Text Abbreviation:

The <abbr> tag is used for indicating an abbreviation.
The <abbr> tag should be used when you want to add an abbreviation or an acronym of the word. The title tag is used with the <abbr> attribute, which indicates the meaning of the abbreviation or acronym.

Example:

<p> This is <abbr title = “Hypertext Markup Language”> HTML </abbr> tutorial </p>
Try it

Text Direction:

The tag in HTML is used for overriding the text direction.
It stands for Bi-Directional Override. Default text direction is from left to right and we can change the direction of text from right to left using .
It is used with dir attribute which has values :
ltr: Indicates the left-to-right direction of the text.
rtl: Indicates the right-to-left direction of the text.

Example:

<h2> <bdo dir = “ltr”> This text will go left to right </bdo> </h2>
<h2> <bdo dir = “rtl”> This text will go right to left </bdo> </h2>
Try it

Special Terms:

In HTML <dfn> element is used to indicate the term to be defined in the context of a definition sentence.
When the term is written inside <dfn> tag, browsers will come to know that nearby text contains a definition of the term.

Example:

<p> The <dfn> HTML </dfn> is markup language using which you can create your own website. </p>
Try it

Quoting Text:

The <blockquote> element in HTML is used to define long quotations.
If you want to add content from another source, you can add it using <blockquote>.
It changes its alignment to make it unique from others. Blockquote element has the cite attribute whose value is the source of the quoted section.

Example:

<blockquote cite = “https://flourishsoft.com/”>
Flourish Software: Spreading Optimized solutions
</blockquote>
Try it

Short Quotations:

In HTML <q> element is used when you want to add a double quote within a text or word.
Basically it is used to set the text inside the quotation marks.
It indicates that the enclosed text is a short inline quotation.

Example:

<p> HTML is <q> Hypertext Markup Language </q> using which you can create your own website. </p>
Try it

Text Citations:

The <cite> tag is used to specify the URL that points to the source document or page.
The content written inside the <cite> tag is rendered in italic font.
This cite attribute supports blockquote, del, ins, q elements.

Example:

<p> Wings of Fire is written by <cite> Dr. Abdul kalam </cite> <p>
Try it

Computer Code:

The code element indicates that the text inside <code>…</code> is a short part of computer code.
when you want to add programming code to your web page, you can use <code> element.

Example:

<code>
.class{
font-size: 20px;
color: red;
}
</code>
Try it

Keyboard Input:

The <kbd> tag in HTML defines a keyboard input. It is used to identify text that represents user keyboard it means input text should be typed on a keyboard.
Text written inside <kbd> tags is displayed in the monospace font(all characters have the same width).

Example:

<p> Use these keys to save your document <kbd> <kbd> Ctrl </kbd> + <kbd> S </kbd> </kbd> </p>
Try it

Program Output:

HTML <samp> tag is an inline element and used to indicate sample output from a computer program or script. The content written inside <samp> tag is displayed in monospace format.

Example:

<p> The output of the program is <samp> Hello World! </samp> </p>
Try it

Address Text:

The HTML <address> tag is used to indicate an address, of the author of the current document, or a section of the document.
If it is used inside an <article> element then <address> tag denotes contact info for that article.
If it is used in <body> element then it describes contact info for the document.

Example:

<address>
contact us at: <br>
Flourish Software <br>
Karve nagar, <br>
Pune
</address>
Try it

Post navigation

HTML Text Formatting
HTML Comments

Ask a Question Cancel reply

Your email address will not be published. Required fields are marked *

W3 CODING SCHOOLS © Copyright 2019-20
Privacy policy   Terms of use

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok