Paragraphs, Headings and Blockquotes

Contact Us or call 1-877-932-8228
Paragraphs, Headings and Blockquotes

Paragraphs, Headings and Blockquotes

Paragraphs

The paragraph is the default format for a block of text. Just like in a word processor, when you press Enter at the end of one paragraph, Dreamweaver begins a new paragraph.

To illustrate let's add a paragraph to ClassFiles/Dreamweaver/Exercises/hello-world.html:

  1. Open ClassFiles/Dreamweaver/Exercises/hello-world.html in Dreamweaver if it's not already open.
  2. Place your cursor at the end of the first line of text and press Enter (Return on a Mac).
  3. Type the following:
    • The text 'Hello world!' is very often used in the first exercise of programming classes.
  4. Save your page.
  5. Preview the page in your browser (File > Preview in Browser). It should appear as follows:

Headings

HTML supports six levels of headings. Heading 1 is the most important and Heading 6 is the least important. Like paragraphs, headings are block-level elements, meaning that they affect the whole line of text (or multiple lines if the heading is long enough to wrap). Later in the course, we'll see how you can control the look of headings, but by default, they are bold and the size of the text changes based on the heading level:

There are several ways to add headings in Dreamweaver, but the most common is to use the Properties Inspector. To illustrate:

  1. Open ClassFiles/Dreamweaver/Exercises/hello-world.html in Dreamweaver if it's not already open.
  2. Place your cursor anywhere in the first paragraph (i.e, the "Hello world!" paragraph).
  3. Select "Heading 1" for the Format in the Properties Inspector:
  4. Save your page.
  5. Preview the page in your browser (File > Preview in Browser). It should appear as follows:

You can also add headings from the Format menu or using shortcut keys:

To add a new paragraph after a heading, place the cursor at the end of the heading text and press Enter.

Blockquotes

Blockquotes are used to designate quoted blocks of text. In Dreamweaver, blockquotes are added by clicking on the Blockquote icon in the Properties Inspector:

To remove the blockquote, click the Remove Blockquote icon () to the left of the Blockquote icon.

To illustrate let's add a blockquote to ClassFiles/Dreamweaver/Exercises/hello-world.html:

  1. Open ClassFiles/Dreamweaver/Exercises/hello-world.html in Dreamweaver if it's not already open.
  2. At the end of the first paragraph under the heading, type "According to wikipedia:"
  3. Press Enter to add a new paragraph.
  4. Open ClassFiles/Dreamweaver/Exercises/hello-world-blockquote.txt and copy all the text.
  5. Switch back to hello-world.html and paste the text into the new paragraph you added.
  6. In the Properties Inspector click on the Blockquote icon ().
  7. Save your page.
  8. Preview the page in your browser (File > Preview in Browser). It should appear as follows:

Dreamweaver users often use blockquotes incorrectly as a quick and dirty way of indenting paragraphs. You should not do this. Blockquotes should only be used to indicate that the content is taken from another source. The proper way to indent paragraphs for formatting purposes is to use CSS.

Next