How to Add Paragraphs, Headings, and Blockquotes in Adobe Dreamweaver

In Brief...

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. 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 they affect the whole line of text (or multiple lines if the heading is long enough to wrap). Blockquotes are used to designate quoted blocks of text from another source.

This feature works the same in all recent versions of Adobe Dreamweaver: CS5, CS6, and Creative Cloud (CC).



To add a paragraph:

  1. Create a new HTML file, and type a line of text. We will use "Hello world!".

  2. Place your cursor at the end of that first line of text and press Enter (Return on a Mac).

  3. Type your additional text. We will use "The text 'Hello world!' is very often used in the first exercise of programming classes."

  4. Save the page.

  5. Preview the page in your browser (File > Preview in Browser). Our text appears as follows:
    Hello World


To add a heading:

  1. Place your cursor anywhere in the first line of your text.

  2. Select "Heading 1" for the Format in the Properties Inspector.
    Properties Inspector

  3. Save the page.

  4. Preview the page in your browser (File > Preview in Browser). It should appear as follows:

    • H1 to H6 are bold, and the size of the text changes based on the heading level.
      H1 to H6

    • You can also add headings from the Format menu or using shortcut keys.
      Format Headings

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


To add a blockquote:

  1. Type any intro text if you wish to. We will use "According to wikipedia:".

  2. Press Enter to add a new paragraph.

  3. Type the text you want quoted. We will use a standard quote found in Wikipedia.

  4. Select the typed paragraph, and in the Properties Inspector, click on the Blockquote icon (Blockquote Icon).
    Block Quote Properties

  5. Save the page.

  6. Preview the page in your browser (File > Preview in Browser). Our text appears as follows:
    Hello World with Text

  7. To remove a blockquote, click the Remove Blockquote icon (Remove Blockquote Icon) to the left of the Blockquote icon (see image in step 4).

Author: Tracy Berry

Tracy has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide, including involvement in large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.