|
|
Index
1
- Getting Started
2
- Getting Started
3
- Getting Started
4
- Getting Started
5
- Getting Started
6 - Paragraph tags
7
- Bold tags
8
- More tags
9
- Extended Syntax
10 -
Font tags
11 -
Font tags (cont)
12 -
List tags
13 -
Link tags
14 -
Image tags
15 -
Center tags
16 -
Table tags
17 -
Review
Last updated: May 21 1:00pm MDT |
|
As
we mentioned earlier, HTML is made up of bits of specific
text called tags that are embedded into a text document.
These tags are tell the browser how to read and display the
text for the web page. Here is the syntax for a simple HTML
open tag:
<name>
That
is, a less than character (<), a name and a greater
than character (>). name is any specific
letter, combination of letters or a word.
Note that there is no
space between the “<”,name, and the “>”. Here
is our first tag. The name
consists of only a letter, "p":
<p>
The name of
the tag is “p” which stands for “paragraph”! To see how this
tag operates, lets go back to the test.html file in Notepad
and add it in to our description…
|
1.
Go back to the Notepad and type a <p> HTML tag as shown
in fig. 15a below for each paragraph break.
Tip!
Tag names are not case sensitive. You can use lower or upper case
for tag names. <p> and <P> will do the same thing.
We will use lowercase for our examples
|
Fig. 15a
|
2.
Once you have added all your <p> tags, you have to Save the
Changes by clicking on File, Save (fig. 16)
|
|
Fig. 16
|
Now that we
have typed in the <p> tags and saved the changes to our
test.html file, we need to go back to the Internet Explorer
window displaying our unformatted item description to view them.
Look for and
click the refresh icon
 on the IE
menu bar as shown in fig. 17
|
|
Fig. 17
|
Here is our refreshed
item description (fig. 18)
Notice that
everywhere we typed a:
<p>
tag, the browser
displays an actual paragraph break!
|
|
Fig. 18
|
|
This is HTML at its most basic. From here, we will learn tags one at a time that
increase in complexity however, the basic concept of the <p> tag never
changes.
If we did nothing else, that is, if we
stopped right here and used only the <p> tag, at least your item
descriptions would be legible.
But I am guessing that you want to learn
other tags, don't you?
Let's try some new formatting...
 |
|
 |
| Back to Step 5 |
|
On to The Bold Tag |
|
|
|