Thursday, September 24, 2020

HTML Quotation And Comments

 



HTML Quotation and Citation Elements

TagDescription
<abbr> abbreviation or acronym
<address>contact information for the author/owner of a document
<bdo>describe the text direction
<blockquote>a section that is quoted from another source
<cite>the title of a work
<q>This is a short quotation

This tutorial we will go for the 
  • <q>
  • <blockquote>
  • <abbr>
  • <address>
  • <cite> 
  • <bdo>
All these are HTML Element

here i will teach you every HTML in deeply so lets start
  • open your text editor
  • then open your xampp wampp etc
  1.  HTML <q> For Short Quotations:-
       This <q>...</q>html element is used for the short quotation.If you want to           add double quote in any paragraph or sentence then you can use this one 
       here you can check example

      Example:-
        <!DOCTYPE html>
            <html>

               <head>
                  <title>Double Quote Example</title>
              </head>
              <body>
                  <p>I am shivani <q>I am a blogger</q>.</p>
               </body>
        </html>

    Output:
    
     2.  Html <blockquote> For Quotation:-

          this <blockquote>...</blockquote> html is used for the                          quatation if you want to write a passage use this tag which looks            so systometic 

          When you use this  <blockquote>...</blockquote> they leave some                   margin to right and left 
             here you can see the example
        
          Example:-
             <!DOCTYPE html>
            <html>

               <head>
                  <title>Quotation Example</title>
              </head>
              <body>
                  <p>I am shivani <blockquote>I am                                                 blogger</blockquote>.
                 </p>
               </body>
        </html>
      
      Output:-

  3. HTML <bdo> for text direction

     The HTML element <bdo>..</bdo> full name of Bi-Directional                 Override
     b- stand for Bi
     d- stand for Direction
     o- stand for Override
  
    <bdo>..</bdo> is used for the override current text direction

   In a <bdo>..</bdo> you can use two attribute .these two               attribute show the direction of the particular content 
  like  rtl(right to left)
  • dir=rtl
     Example:-

  <!DOCTYPE html>
     <html>

       <head>
<title>Bi-Direction Override</title>
       </head>

       <body>
<p>I am shivani <bdo>I am a blogger using simple                            bdo</bdo>.
        </p>
<p>I am shivani <bdo dir="rtl">I am a blogger using the                   attribute dir ltr</bdo>.
        </p> 
        </body>

       </html>

     output:-
    
      

  4. HTML <cite> for the title of the work and use for italic

     This is <cite> tag use for the title and its also use for the Italic            also 
   Example:-

      <!DOCTYPE html>
            <html>

               <head>
                  <title>italic cite Example</title>
              </head>
           <body>
                <p>I am shivani <cite>I am                                                           blogger</cite>.
               </p>
            </body>
        </html>

   Output:-
 5. Html <address>for the contact information

    This <address>...</address> tag use for the contact                      information  in  any article.

    it is possiable that the <address>..</address> tag define the        address of any Owner and Auther  .

    <address > element are mostly displayed italic in this tag you cab     use <br> tag for the line brake 

   Example:-
   
 <!DOCTYPE html>
 <html>

 <head>
<title>italic cite Example</title>
 </head>

 <body>
<p>I am shivani <address>
Written by shivani.<br>
Visit us at:<br>
coderwebinfotech.com<br>
delhi<br>
INDIA
</address>
 </p>
 </body>

 </html>

  Output:-
   

 6.HTML <abbr> for abbreviation
 
    This <addr>use for the abbreviation or acronym its contain the full      description and nothing 

   Example:-

     <!DOCTYPE html>
<html>

   <head>
      <title>Text Abbreviation</title>
   </head>
   <body>
      <p>My friend's name is  <abbr title = "sonali">sona</abbr>.</p>
   </body>
</html>

   Output:-
    



  Comment in html :-

   <!-- Write your comments here -->  

   this type you can comment the code in your text editor 

  Example:-
   <!DOCTYPE html>
<html>

   <head>
      <title>comment</title>
   </head>
   <body>

     <!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->
   </body>
</html>

 Output:-



Thank you please like my blog and comment on my blog 👌✌☝

        


No comments:

Post a Comment

Jquery Hide,Show,Toggel Effects

  jQuery hide() Method   The jQuery  if you want to hide the any content or any think then use method   Syntax :           $(selector).hide(...