Html - Phrases Tags

The phrase tags have been *desicolgned for specific purposes, though they are displayed in a similar way as other basic tags like <b>,<i>,<pre> and <tt>. In this we will study about all the important phrase tags.

*desicolgned means the element must have its spelling or grammar checked.

Emphasized Text 

Anything that appears in the <em>.... </em> element is displayed as emphasized text.  For Example:-

The following word uses an emphasized typeface.

Marked Text -:

Anything that appears with-in <mark>...</mark> element, is displayed as marked with yellow ink. For Example:-


The following word has been marked with yellow.

Strong Text-:

Anything that appears within <strong>...</strong> element is displayed as important text. For Example:-

The following word uses a strong typeface.

Text Abbreviation:-

We can abbreviate a text by putting it inside opening <abbr> and closing </abbr> tags. If present, the title attribute must contain this full description and nothing else. 

Acronym Element:-

The <acronym> element allows you to indicate that the text between <acronym> and </acronym> tags is an acronym.

At present, the major browsers do not change the appearance of the content of the <acronym> element. 

Text Direction

The <bdo>...</bdo> element stands for Bi-Directional Override and it is used to override the current text direction.

Special Terms

The <dfn>...</dfn> element (or HTML Definition 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.

Typically, you would use the <dfn> element the first time you introduce a key term. Most recent browsers render the content of a <dfn> element in an italic font.

Quoting Text

When you want to quote a passage from another source, you should put it in between <blockquote>...</blockquote> tags.

Text inside a <blockquote> element is usually indented from the left and right edges of the surrounding text, and sometimes uses an italicized font.

Short Quotations

The <q>...</q> element is used when you want to add a double quote within a sentence.

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.


Comments

Post a Comment

Popular posts from this blog

HTML Images

Image
 HTML IMAGE:-    HTML img  tag is used to display image on the web page. HTML img tag is an empty tag that contains attributes only, closing tags are not used in HTML image element. Let's see an example of HTML image. < h2 > HTML Image Example </ h2 >    < img   src = "good_morning.jpg"   alt = "Good Morning Friends" />   Attributes of HTML tags:- The src and alt are the two most important attributes of HTML image tag are given below-: (1)  ALT-:  The alt attribute defines an alternate text for the image, that can be displayed. The value of the alt attribute describes the image in words. The alt attribute is considered good for SEO prospective. (2)  SRC-: It is a necessary attribute that describes the source or path of the image. It instructs the browser where to look for the image on the server. The location of the image may be on the same directory or another service. There are two ways...
Read more

Html - Text Links, Image Links, E-mail Links

Image
  HTML - TEXT LINKS   A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create hyperlinks using text or images available on a webpage. Linking Documents A link is specified using HTML tag <a>. This tag is called  anchor tag  and anything between the opening <a> tag and the closing </a> tag becomes part of the link and a user can click that part to reach to the linked document. Following is the simple syntax to use <a> tag. <a href = "Document URL" ... attributes-list>Link Text</a> The target Attribute We have used  target  attribute in our previous example. This attribute is used to specify the location where linked document is opened. Following are the possible options − Sr.No Option & Description 1 _blank ...
Read more

Html - Tables

Image
 A table is an arrangement of data in rows and columns, or possibly in more complex structure.Tables are widely used in communication, research, and data analysis. Tables are useful for various tasks such as presenting text information and numerical data. Table can be used to compare two or more items in tabular form layout. Tables are used to create databases. Defining Tables In HTML An HTML table is defined with the "table" tag. Each table row is defined with "tr" tag. A table is defined with the "th" tag. By default tables heading are bolt and centered. A table data/cell  is defined with the "td" tag.  <!DOCTYPE html>  <html>  <body>  <table style="width:100%">  <tr>  <th>Firstname</th>  <th>Lastname</th>  <th>Age</th>  </tr>  <tr>  <td>Priya</td>  <td>Sharma</td>  <td...
Read more