Hello, world!

Phrase Tags HTML

HTML Phrase Tags, this section in the HTML tutorial describes how to mark text in different ways i.e. citations, quotations etc.


 
The Emphasized Text
Applying the The HTML Emphasis <em> tag allows you to build text that contain stress emphasis.  
Any text enclosed in <em>...</em> will be presented in emphasized format.
 
Syntax emphasized Text:
<em> text</em>
 
HTML code example emphasized text:
<p>How to <em>emphasized</em> text.</p>
 
HTML output emphasized text:

How to emphasized text.


 
The Marked Text
Applying the HTML Marked <mark> tag allows you to build text that is presented as highlighted with yellow ink.
Any text enclosed in <mark>...</mark> will be presented in marked format.
 
Syntax marked text:
<mark> text</mark>
 
HTML code example marked text:
<p>How to <mark>marked</mark> text with yellow ink.</p>
 
HTML output marked text:

How to marked text with yellow ink.


 
The Strong Text
Applying the HTML Strong <strong> tag allows you to build text that is presented as important text and is usually displayed in bold.
Any text enclosed in <strong>...</strong> will be presented in strong format.
 
Syntax strong text:
<strong> text</strong>
 
HTML code example strong text:
<p>How to make <strong>strong</strong> text.</p>
 
HTML output strong text:

How to make strong text.


 
The Acronym Element
Applying the HTML Acronym <acronym> tag allows you to build a text that corresponds to an acronym.
Any text enclosed in <acronym>...</acronym> will be presented as acronym.
To programs such as browsers, translation systems and search engines, using acronyms can provide helful data.
 
Syntax acronym element:
<acronym> text</acronym>
 
HTML code example acronym element:
<p>Acronym of Chief Executive Officer is <acronym>CEO</acronym>.</p>
 
HTML output acronym element:

Acronym of Chief Executive Officer is CEO.


 
The Text Direction
Applying the HTML bdo or bidirectional override <bdo> tag is allows you to override the existing directionality of an element’s content.  
To apply this, put the text within the  <bdo> ... </bdo> tag
 
Syntax text direction:  
<bdo dir="value">text</bdo>
 
Below are the property value:
ltr - corresponds to the left-to-right direction  
rtl - corresponds to the right-to-left direction  
auto - direction will depend on the element's content
 
HTML code example text direction:
<p>How to make text go left to right.</p>
<p><bdo dir="rtl">How to make text go left to right.</bdo></p>
 
HTML code example text direction:

How to make text go left to right.


How to make text go left to right.



The Text Abbreviation
Applying the HTML Abbreviation <abbr> tag allows you to build text that corresponds to an abbreviation.
Any text enclosed in <abbr>...</abbr> will be presented as abbreviation.
 
Syntax text abbreviation:
<abbr> text</abbr>
 
HTML code example text abbreviation:
<p>Commonly used Abbreviation,  <abbr title="Laughing Out Loud">LOL</abbr>.</p>
 
HTML output text abbreviation:

Commonly used Abbreviation,  LOL.


 
The Special Terms
Applying the HTML Definition (<dfn>) tag lets you to introduce or identify an instance of a term.
It’s method is same to italic words, any text put within the <dfn>...</dfn> element will presented in italic format.
 
Syntax special terms:
<dfn>text</dfn>
 
HTML code example special terms:
<p>How to make word a <dfn>special</dfn> term.</p>
 
HTML output special terms:

How to make word a special term.


 
Quoting Text
Applying the HTML Block quote ( Block Quotation) <blockquote> tag  will indicate that the enclosed text is quoted from another source.  
This is applied for long quotation.
 
Syntax quoting text:
<blockquote>text</blockquote>
 
HTML code example quoting text:
<p>Quoted from Yahoo News: 'A name for Britain's new princess'</p>
 
<blockquote>Prince William and his wife Kate, the Duchess of Cambridge, on Monday announced the name they picked for Britain's newborn princess, a choice seen as a tribute to both Prince William's parents and grandmother, the queen, as well as a link to Kate's family.</blockquote>
 
HTML output quoting text:

Quoted from Yahoo News: 'A name for Britain's new princess'


 
Prince William and his wife Kate, the Duchess of Cambridge, on Monday announced the name they picked for Britain's newborn princess, a choice seen as a tribute to both Prince William's parents and grandmother, the queen, as well as a link to Kate's family.

 
The Short Quotations
Applying the HTML Quote <q> tag will indicate that the enclosed text specifies short quotation.  
Typically a quotation mark is added on the element by the browser.
 
Syntax short quotations:
<q>text</q>  
 
HTML code example short quotations:
<p>Abraham Lincoln says, <q>Whatever you are be a good one</q>.</p>
 
HTML code example short quotations:

Abraham Lincoln says, Whatever you are be a good one.


 
The Text Citations
Applying the HTML Citation <cite> tag identify a reference to a creative work.  
It also specify the URL reference indicating the source.  
 
Syntax text citations:
<cite>text </cite>  
 
HTML code example text citations:
<p>This is cited from Yahoo news: <cite>Flying cars will soon help you soar over traffic jams</cite>.</p>
 
HTML code example text citations:

This is cited from Yahoo news: Flying cars will soon help you soar over traffic jams.


 
The Computer Code
Applying the HTML Code <code> tag defines a fragment of computer code
Typically the text within <code> element is displayed in a monospaced font.
 
Syntax computer code:
<code>...</code>
 
HTML code example computer code:
<p>Normal text. <code>Computer code.</code> Normal text.</p>
 
HTML output computer code:

Normal text. Computer code. Normal text.


 
The Programming Variables
Applying this  will specify that the content of the element is a variable.
This element is commonly applied using the <pre> and <code> elements.
 
Syntax programming variables:
<var>text</var>
 
HTML code example programming variables:
<p> This is a equation: <var>a</var> = <var>b</var> + 2 </p>
 
HTML output programming variables:

This is a equation: a = b + 2


 
The Program Output
Applying the HTML <samp> phrase tag will specify sample output from a computer program and script.
It is normally applied when coding concepts or documenting programs.
 
Syntax program output:
<samp>text</samp>  
 
HTML code example program output:
<p>If you type thank you, this program will reply <samp>'You're Welcome!'</samp></p>
 
HTML output program output:

If you type thank you, this program will reply 'You're Welcome!'


 
The Address <address> Tag
Applying the address <address> tag will supply  information such as address, authorship and signature  for the author/owner of a document.
Generally, it is situated at the top or bottom part of the document.
 
Syntax address <address> tag:
<address>...</address>
 
HTML code example address <address> tag:
<address>
Email to <a href="email@example.com">Olle</a>.<br>
or send mail to # 143A, Road No. 43, Las Vegas, Nevada</address>
 
The Keyboard <kbd> tag
Applying the HTML Keyboard Input <kbd> tag allows you to build text that corresponds to the keyboard user input.
This is used to specify what should be input, as a guide to all the reader.
 
Syntax keyboard <kbd> tag:
<kbd>text</kbd>
 
HTML code example keyboard <kbd> tag:
<p>Normal text. <kbd>This is keyboard Input Text</kbd> Normal text.</p>
 
HTML output keyboard <kbd> tag:

Normal text. This is keyboard Input Text Normal text.