HTML: Blockquote

A blockquote tag can be used to set off a larger section of text by indenting it somewhat on the left and right hand margins. Here is how it is done:

<blockquote>Nulla posuere pellentesque scelerisque. Proin sapien lectus, consectetur sed convallis at, ullamcorper nec urna. Mauris a justo a mi luctus euismod. Integer sodales tellus in justo viverra eget bibendum nisi commodo. Sed ullamcorper lectus vel mauris posuere lacinia. Suspendisse vel odio ac tortor gravida convallis. Suspendisse sagittis urna eget massa vulputate vel sagittis augue auctor. In posuere, enim nec rutrum cursus, sapien leo elementum est, eget posuere ante quam sit amet turpis. Vivamus in sollicitudin dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque porta ligula eget sem sodales vel euismod velit porta. Proin justo purus, pretium non suscipit consequat, vestibulum non neque. Aliquam semper fermentum odio a facilisis. Fusce rutrum molestie leo non molestie. Nulla facilisi. Vivamus nec lectus lorem, hendrerit pretium urna. Proin porta libero non massa blandit vitae cursus erat molestie.</blockquote>

And here is how it appears:

Nulla posuere pellentesque scelerisque. Proin sapien lectus, consectetur sed convallis at, ullamcorper nec urna. Mauris a justo a mi luctus euismod. Integer sodales tellus in justo viverra eget bibendum nisi commodo. Sed ullamcorper lectus vel mauris posuere lacinia. Suspendisse vel odio ac tortor gravida convallis. Suspendisse sagittis urna eget massa vulputate vel sagittis augue auctor. In posuere, enim nec rutrum cursus, sapien leo elementum est, eget posuere ante quam sit amet turpis. Vivamus in sollicitudin dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque porta ligula eget sem sodales vel euismod velit porta. Proin justo purus, pretium non suscipit consequat, vestibulum non neque. Aliquam semper fermentum odio a facilisis. Fusce rutrum molestie leo non molestie. Nulla facilisi. Vivamus nec lectus lorem, hendrerit pretium urna. Proin porta libero non massa blandit vitae cursus erat molestie.

Note that the above text is indented somewhat on both the margins. To see this better in proper context it is also shown below placed between a couple of regular paragraphs:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis bibendum velit. In vel hendrerit orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue, erat non cursus euismod, sapien ligula semper urna, ac molestie nibh sem eget libero. Morbi tincidunt enim vitae mi fermentum venenatis. Fusce sed mi quam. Pellentesque est urna, pretium adipiscing tristique vel, rutrum ut nulla.

In enim tellus, bibendum a hendrerit nec, commodo id risus. Aliquam at elit neque. Sed blandit quam nec erat venenatis euismod. Morbi accumsan orci ut leo pretium luctus rhoncus tortor sollicitudin. Nulla facilisi. Nullam mi dui, pharetra sed placerat a, suscipit at ipsum. Morbi congue sapien sed quam sagittis aliquam. Nulla dignissim tellus non erat hendrerit vitae adipiscing odio ultricies. Proin aliquam leo ac ante imperdiet ut elementum ipsum pellentesque. Nulla nibh sem, pulvinar vel facilisis quis, auctor eget lorem.

Etiam facilisis accumsan nunc eget volutpat. Maecenas enim metus, aliquet sed rutrum non, ultricies ut ante. Morbi et nisl lorem, vel ultrices purus. Phasellus laoreet, ante id rutrum eleifend, lorem lorem sodales metus, non fringilla enim lacus a nunc. Fusce sed nunc dui, laoreet molestie risus. Donec at lectus ut massa cursus pharetra. Curabitur ultricies urna in dolor porta ornare. Etiam at rhoncus orci. Nam venenatis ligula eu nibh tincidunt sodales. Maecenas molestie, arcu nec cursus porttitor, odio mi ultrices elit, ac porta ipsum urna non orci. Mauris feugiat blandit massa. Duis vel felis augue.


modifed: 2009-09-30
Google
web www.digitalvertebrae.com
Exercises
The exercises for this week are listed below and available in PDF or MS Word formats.
HTML - Trying it Out
Creating a Template Document
HTML - Creating a Simple Web Page
 
©2009 Web Site Development: an introduction