Basics: HTML
Enter and Format Text

Enter Text
Create a New Paragraph
Create a Line Break

Add Bold Text
Add Italic Text
Underline Text
Align Text

You can easily affect the style of web page text by applying some simple formatting tags.
Review:
Tour Notepad
Use Notepad to open your template.htm file. 

Insert your cursor between the two <BODY> tags.  Remember that only material that is inserted between the <BODY> tags will appear in the browser window when you display your page.

Review:
Create a  Page

Remember that when you save this file, you will use the File, Save as command and give the file a new name.
Enter Some Text Type some text of your own choosing, perhaps a paragraph that summarizes the content and purpose of your personal web site. Hint: To more easily read the words on your screen, select Format, Word Wrap on Notepad's main menu bar.
HTML will pay no attention to line spacing or tabbing. To make a new sentence start on a new line or to create a double space between paragraphs, you have to apply a tag.
Create a New Paragraph To start a new paragraph use the <P>tag in front of the new paragraph's text.

The <P> tag requires no closing tag.

When you look at the text in a browser, there will be a double space at each point where you inserted the <P> tag.

Create a Line Break A line break forces the text to a new line, but does not start a new paragraph.

Use the <BR> tag to create a line break.

The <BR> tag requires no closing tag.

Type a few paragraphs and experiment with both the <P> tag and the <BR> tag.

Save the file and preview it in your browser.

Add Bold Text Apply  the <B></B> tags to the text you wish to display in boldface.
Example:  <B>This is boldface text.</B>

This is boldface text.

Add Italic Text Apply the <I></I> tags to the text you wish to italicize.

Example:  I enjoyed reading <I>Harry Potter and the Sorcerer's Stone</I>.

I enjoyed reading Harry Potter and the Sorcerer's Stone.

Underline  Text Apply the <U></U> tags to the text you wish to underline.

IMPORTANT:   Don't use the underline tags in a web page. Since all hyperlinks are underlined by default, the visitor is likely to believe that any underlined text is a hyperlink.

Align a Paragraph To align the text in a paragraph use the ALIGN attribute in the <P> tag and specify the direction of the alignment.

Ex. <P ALIGN="[direction]"> where [direction] is left, right or center.

Thus <P ALIGN="right"> will force the entire paragraph to the right of the browser screen.

I used the ALIGN attribute to push this
text to the right end of the monitor screen.

You can also center a portion of text by applying the <CENTER></CENTER> tags to the material you want to center.

Basics: HTML
Create a New Page
Enter and Format Text
Add Headlines and Horizontal Rules
Add a Title and an Address Footer
Save and Preview a Page
Create a Page Template

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: October 19, 2006
© Agatha Taormina