saftutorials.com
HTML Quotation Tutorial

HTML QC that means Quotation and Citation is a important work for your Website. Your website looking not fully depend on but also it important. Good to know that they are HTML tag.

There are have many type Quotation and Citation such as:

1) <blockquote> </blockquote>

Use for long type quotation. Highlight your special long words.
Structure of blockquote
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blockquote Tutorials</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  labore et dolore magna aliqua.</p>
<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote> 
</body>
</html>

Double Click to Select Code

2) <q></q>

Use for short quotations. Highlight your special short words.
Structure of <q>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Q short quotation Tutorials</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  labore et dolore magna aliqua.</p>
<q>Lorem ipsum dolor sit amet, consectetur adipisicing elit </q> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</body>
</html>

Double Click to Select Code

3) <abbr> </abb>

Use for a Abbreviations. According to Search engine your highlated keyword.
Structure of <abbr>
<!DOCTYPE html>
<html lang="en">
<head>
<title>ABBR Tutorials</title>
</head>
<body>
<p><abbr title="Lorem ipsum dolor sit amet">Lorem </abbr> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  labore et dolore magna aliqua. 
</body>
</html>

4) <address> </address>

Use for a for Address Information. This tag define your contact information
Structure of <address>
<!DOCTYPE html>
<html lang="en">
<head>
<title>address Tutorials</title>
</head>
<body>
<p><address title="Lorem ipsum dolor sit amet">Lorem </address> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut  labore et dolore magna aliqua. 
</body>
</html>

Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic