From time to time, you will bring in content verbatim from another resource. When you are quoting content in this way, it is appropriate to wrap it in the <blockquote> element. A block quote is content that shows as an indented paragraph within an HTML document. For example, in our first answer, we have quoted a Wikipedia article:
In our code, it's simply represented by a paragraph (in bold below):
<section id="tour" class="question-answer">
<h2>What is a bicycle tour?</h2>
<p>From Wikipedia:</p>
<p>Bicycle touring means self-contained cycling trips for pleasure, adventure and autonomy rather than sport, commuting or exercise. Touring can range from single to multi-day trips, even years. Tours may be planned by the participant or organised by a holiday business, a club, or a charity as a fund-raising venture.</p>
<p><a href="http://en.wikipedia.org/wiki/Bicycle_touring">Visit their article to read more.</a></p>
<p><b>Get Out & Ride</b> offers bicycle tours that focus on the mid-west region of the United States. </p>
</section>Exiting code block.
Let's identify it as a <blockquote> element to add more meaning to our document.
Step1. Activate index.html in the code editor.
Step2. To turn our quotation into a proper block quote, modify the code as shown below (<blockquote> tags replace the <p> tags):
<section id="tour" class="question-answer">
<h2>What is a bicycle tour?</h2>
<p>From Wikipedia:</p>
<blockquote>Bicycle touring means self-contained cycling trips for pleasure, adventure and autonomy rather than sport, commuting or exercise. Touring can range from single to multi-day trips, even years. Tours may be planned by the participant or organised by a holiday business, a club, or a charity as a fund-raising venture.</blockquote>
<p><a href="http://en.wikipedia.org/wiki/Bicycle_touring">Visit their article to read more.</a></p>
<p><b>Get Out & Ride</b> offers bicycle tours that focus on the mid-west region of the United States. </p>
</section>Exiting code block.
Step3. Save and refresh index.html.
