Blockquote in HTML

Some time when to have a lengthy quotation, for example as a testimonial, or as a section which is the copy of another source, then it will be professionally be mark it up as a blockquote element. It is recommended that the given content within blockquote elements be contained in other elements, such as we suppose that a paragraphs, any headings, or any lists, etc.

Example of Blockquote

<p>
This is an example of blockquote.
</p>
<blockquote>
This is blockquote that is why it has indented text. This is blockquote that is why it has indented text. This is blockquote that is why it has indented text.This is blockquote that is why it has indented text. This is blockquote that is why it has indented text.This is blockquote that is why it has indented text.
</blockquote>

Output of above code

This is an example of blockquote.

This is blockquote that is why it has indented text. This is blockquote that is why it has indented text. This is blockquote that is why it has indented text.This is blockquote that is why it has indented text. This is blockquote that is why it has indented text.This is blockquote that is why it has indented text.

Quotations in html.

<q>
This is quoted text.
</q>

Output of above code

This is quoted text.


Preformatted text

When a paragraph is written in html document and during this we leave some white spaces but when that paragraph is displayed in the screen all the white spaces have been ignored by browser. For example when we want to show some poetry or piece of code in html code than we have to apply the  pre  tag. It is a unique element in that it is displayed exactly as it is typed—including all the carriage returns and multiple character spaces.

Example of pre element

<pre>
This is     an example      of
text   with  which is shown 
entered in our html 
with a lot of       white spaces.
<pre>

Output of above code

This is     an example      of
text   with  which is shown 
entered in our html 
with a lot of       white spaces.
            







The Best

Comment here

If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.


ads