Translate

ads

6 Jun 2019

The Quotation components in hypertext markup language


The Quotation components in hypertext markup language

The Quotation components in hypertext markup language square measure accustomed insert quoted texts in an exceedingly website, that is, portion of texts totally different from the traditional texts within the website.

Below square measure a number of the foremost used quotation components of HTML:

1.  <q> element:


    <!DOCTYPE html>
<html>
<head>
 <title>Quotations</title>
</head>
<body>
 <h3>sayed 360 </h3>
 <p> hello sayed 360<br></p>
 <!--Inside quotes-->
 <p><q>hello sayed 360</q></p>
</body>
</html> 

Output:

2. <blockquote> element:

<!DOCTYPE html>
<html>
<head>
 <title>Blockquote</title>
</head>
<body>
 <h3>sayed 360</h3>
 <p>hello sayed 360<br></p>
 <!--Inside blockquotes-->
 <p><blockquote>hello sayed 360</blockquote></p>
</body>
</html> 

Output:


  3. <address> element:

 <!DOCTYPE html> 


<html>
<head>
 <title>Address</title>
</head>
<body>
 <h3>sayed 360</h3>
 <address>
 <p>Address:<br>
 Roufabd, hatazari road, <br>
 post code-4231, chittagong,bangladesh – 201305</p>
 </address>
</body>
</html> 

Output:




4.  <abbr> element:


<!DOCTYPE html>
<html>
<head>
 <title>Abbreviations</title>
</head>
<body>
 <h3>sayed 360</h3>
 <!--Here the marked text is the acronym-->
 <p>Welcome to <abbr title="World Health Organization">WHO</abbr></p>
</body>
</html> 

Output:

5. <bdo> element:

   

<!DOCTYPE html>
<html>
<head>
 <title>Bidirectional</title>
</head>
<body>
 <h3>sayed 360</h3>
 <!--Normal text-->  <p>hello sayed 360<br></p>
 <!--Inside <bdo> tag-->
 <p><bdo dir="rtl">hello sayed 360</bdo></p>
</body>
</html> 

Output:

6.  <cite> element:

<!DOCTYPE html>
<html>
<head>
 <title>Cite</title>
</head>
<body>
 <h3>sayed 360</h3>
 <!--The title is kept in cite tag-->
 <p>The <cite>sayed 360</cite> is the best site to<br>
 to search for articles and practice problems.</p>
</body>
</html>

Output:


No comments:

Post a Comment