Jump to content

HTML Phrase tag ( HTML تگ های عبارتی در )


Adrian
 Share

Recommended Posts

  • Author

The HTML phrase tags are special purpose tags, which defines the structural meaning of a block of text or semantics of text. Following is the list of phrase tags, some of which we have already discussed in HTML formatting.

  • Abbreviation tag : <abbr>
  • Acronym tag: <acronym> (not supported in HTML5)
  • Marked tag: <mark>
  • Strong tag: <strong>
  • Emphasized tag : <em>
  • Definition tag: <dfn>
  • Quoting tag: <blockquote>
  • Short quote tag : <q>
  • Code tag: <code>
  • Keyboard tag: <kbd>
  • Address tag: <address>
  • <abbr>: تگ اختصار یا کوتاه سازی
  • <acronym>: تگ مخفف سازی (در ۵HTML پشتیبانی نمی شود )
  • <mark>: تگ علامت گذاری
  • <strong>: تگ  اهمیت بخشیدن به متن
  • <em>: تگ تأکید
  • <dfn>: تگ تعریف
  • <blockquote>: تگ نقل قول
  • <q>: تگ نقل قول کوتاه
  • <code>: تگ کد
  • <kbd>: تگ صفحه کلید
  • <address>: تگ آدرس

1. Text Abbreviation tag

This tag is used to abbreviate a text. To abbreviate a text, write text between <abbr> and </abbr> tag.

Example

 
  1. <p>An <abbr title = "Hypertext Markup language">HTML </abbr>language is used to create web pages. </p>  

 

Output:

image.png.110a6a47d6639edc4d2e546c4cb43a0c.png

2. Marked tag:

The content written between <mark> and </mark> tag will show as yellow mark on browser. This tag is used to highlight a particular text.

Example

 
  1. <p>This tag will <mark>highlight</mark> the text.</p>  

 

Output:

image.png.b82eb7fdcfd5f9616d9dbcc75d4d4e9d.png

3. Strong text:

This tag is used to display the important text of the content. The text written between <strong> and </strong> will be displayed as important text.

Example

 
  1. <p>In HTML it is recommended to use <strong>lower-case</strong>, while writing a code. </p>  

 

Output:

image.png.8ce66a0604a94775db449e6986d65bb0.png

4. Emphasized text

This tag is used to emphasize the text, and displayed the text in italic form. The text written between <em> and </em> tag will italicized the text.

Example

 
  1. <p>HTML is an <em>easy </em>to learn language.</p>  

Output:

image.png.d11c7b2e4d9c2ae981999911df64b2c8.png

5. Definition tag:

When you use the <dfn> and </dfn> tags, it allow to specify the keyword of the content. Following is the example to show how to definition element.

Example

 
  1. <p><dfn>HTML </dfn> is a markup language. </p>  

Output:

image.png.770d99fe11117cb720cec96dc06d9df2.png

 

6. Quoting text:

The HTML <blockquote> element shows that the enclosed content is quoted from another source. The Source URL can be given using the cite attribute, and text representation of source can display using <cite> ..... </cite>element.

Example

 
  1. <blockquote cite="https://www.keepinspiring.me/famous-quotes/"><p>?The first step toward success is taken when you refuse to be a captive of the environment in which you first find yourself.?</p></blockquote>   
  2.  <cite>-Mark Caine</cite>  

Output:

image.png.650fbf0e14f91ce551639e7c65004de5.png

7. Short Quotations:

An HTML <q> ....... </q> element defines a short quotation. If you will put any content between <q> ....... </q>, then it will enclose the text in double quotes.

Example:

 
  1. <p>Steve Jobs said: <q>If You Are Working On Something That You Really Care About, You Don?t Have To Be Pushed. The Vision Pulls You.</q>?</p>  

Output:

image.png.88ec76a190765d20c47cf0549dcc1027.png

8. Code tags

The HTML <code> </code> element is used to display the part of computer code. It will display the content in monospaced font.

 
  1. <p>First Java program</p>  
  2.       <p><code>class Simple{ public static void main(String args[]){   
  3.        System.out.println("Hello Java"); }} </code>  
  4.      </p>  

Output:

image.png.811f6cb4f2673d588d1749607f5dee03.png

9. Keyboard Tag

In HTML the keyboard tag, <kbd>, indicates that a section of content is a user input from keyboard.

 
  1. <p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd> to restore page on chrome.</p>  

Output:

image.png.628260d3f89e363c47c6e3a0d56280f3.png

10. Address tag

An HTML <address> tag defines the contact information about the author of the content. The content written between <address> and </address> tag, then it will be displayed in italic font.

 
  1. <address> You can ask your queries by contact us on <a href="">[email protected]</a>  
  2.    <br> You can also visit at: <br>58 S. Garfield Street. Villa Rica, GA 30187.  
  3.   </address>  

Output:

image.png.3e1e44877db5d7bbad8716e556e6b0ab.png

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share

×
×
  • Create New...