Presenting quotes beautifully online / by Sonya Paclob

HTML Tags: Placing “Quotes” online
Presentation in print should also be treated in online articles.

Here is an example I did for one of the popular stories on the York Daily Record website, Hopewell Township woman and her berry farm.

As you can see, the website has a more of a layered look. It also separates the story. Below are tags that you can copy and paste into dashboard for your site.

Adding layers like quotes to the story on York Daily Record website. 

Adding layers like quotes to the story on York Daily Record website. 

example: Woman trades office work to run pick-your-own berry farm

Example of html tag:

<blockquote>
  <p><h2><i>"I just spent a lot of time in prayer. I took a leap of faith."</i></h2></p>
  <p>- Sarah Blevins, S.J. Blevins Berries</p>
</blockquote>

Another example of html tag:

<blockquote>
  <p><h2><i>Raspberries are popular, but they have a remarkably short shelf life.</i></h2></p>
  <p>- Steve Bogash, Cooperative Extension horticulture educator</p>
</blockquote>

blockquotes slightly indents and added a grey vertical bar. You can also add hyperlinks and change the colors. 

Related training and citations:
http://www.w3schools.com/tags/tag_blockquote.asp