NWE Help: Web: Authoring: Tutorial: Spacing Text

NWE Home :: Help :: Web :: Authoring :: Tutorial

Now you will add spacing to your web page. Spacing on web pages, as with any document, is vital for accessibility and comprehension. Using the text you have written in the previous section, you will add the necessary tags to add space to the text.

In the Styling Text Section, you have already started adding space to your pages. Now you will add space around the title "Welcome to Ally Gator's Swamp."

The first line of text: "Welcome to Ally Gator's Swamp" is dull if you leave it the way it now appears. To enhance the appearance of the title, you will make it into a specialized heading.

Layout Menu

1. Highlight the first line of text including both the <FONT> and </FONT> tags.

2. Click the H2 button (right) in the second row of the toolbar.

3. Now center your title. To do so, click "Layout" and select "Center" from the Layout Menu (right).

   Your first line should now look like the title on our sample page

Now you will add spacing to separate lines of text from each other and from your image.

1. Click the line break button (right), which looks like an arrow pointing left. It is in the second row of the toolbar between the paragraph icon and the horizontal rule icon.

   This button will add the <BR> tag to your HTML code. This tag adds a space of one line to your web page.

2. To leave enough space for the image we will add later, add 2 line breaks to your page after "Welcome to Ally Gator's Swamp".

3. Now add a <center> tag. As above, you may do so by selecting "Center" from the Layout menu.

4. Add a <P> tag using the paragraph button (right). Doing so will add space between your image and the line of text to follow.

   Note: The <P> tag and the use of two <BR> tags are slightly different. To learn more about how they differ, see our page about dividing HTML pages.

5. Before the text about Ally Gator ("Hi. My name is Ally Gator...") add a <BR> tag by clicking on the line break button.

The last step is to make space around the text which will become links and the space for your citation.

1. Add a <CENTER> tag (see above if you have forgotten how).

2. Add a <P> tag before the first link by clicking on the paragraph button.

3. After each word that will be a link, add another <P> tag.

4. Below all the content you have added, but above the <SMALL> tag, click the horizontal rule button (right) to add an <HR> tag.

Your spacing on the web page is now complete. To see if your page matches our example, refer to Ally Gator's Sample web page.

Now save and preview your work. Next, you will learn how to add links to your web page.

Next: Adding Links