Basics: HTML
Enter and Format 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. |
||
| 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 |
|||
| 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
Web Design Center
Last Revised:
October 19, 2006
© Agatha Taormina