Basic HTML Tags
- HTML code uses symbols called "tags" to tell the browser what
to do.
- Most HTML "tags" have an opening tag and a closing tag. These are
called "container" tags
EXAMPLE:
<I> affected text </I>
- The other HTML tags do not have a closing tag and are called
"separator" tags.
EXAMPLE:
<BR>
Things to remember about HTML Tags and Web Pages
Description of basic
level HTML tags
Back to Creating a Web Page with HTML
Description of basic level HTML tags
Both "container" tags and "separator" tags format an HTML document. The
list of HTML tags below is divided up generally according to how each tag
formats the document and/or affects the text it "contains" or "separates."
Structure Tags
- < HTML>...</HTML>
- Encloses the entire HTML document
<HTML>
<HEAD>
<Title>This is the Title</Title>
</HEAD>
<BODY>
...this is the document..
</BODY>
</HTML>
- <HEAD>...</HEAD>
- Encloses the head of the HTML document which tells, among other
things, the title of the web page within the title tags.
- < TITLE>...</TITLE>
- Indicates the title of a document in the browser web page title
field.
Is always placed between the <HEAD> tags.
<HEAD>
<Title> This is the Title</Title>
</HEAD>
- <BODY>...</BODY>
- Encloses the body (text and tags) of the HTML document
Use of Structure Tags
Headings and Font Sizes
- <H1>...</H1>
- A first level heading. Used for Main headings. The smaller the
number, the larger the font size.
- <H6>...</H6>
- A sixth level heading.
- <font size="4">...</font>
- Font Sizes of text. Defines the size of text. The larger the
number, the larger the font.
Usually font size="3" is normal
text size.
Paragraphs
- < P>...</P>
- A plain paragraph. Inserts a blank line. The closing tag is optional.
Links
- < A>...</A>
- With the HREF attribute, creates a link to another document or anchor;
with the NAME attribute, creates an anchor which can be linked to
points within the same web page.
Example: <A HREF="http://www.cofc.edu"> College of Charleston < /A
>
Lists
< OL>...</OL>
An ordered (numbered) list. An attribute
determines what kind or numbering will be placed in front of the list
item. Example: < OL type="A">. The default is usually "1".
- Attributes
- type="A"
- type="a"
- type="1"
- type="I"
- type="i"
< UL>...</UL>
An unordered (bulleted) list.
< DL>...</DL>
A definition list
< DT>
Used with a definition list: indicates defined term
< DD>
Used with a definition list: indicates the definition
< LI>
A list item for use with <OL> or <UL>.
Examples of Lists
Character Formating
- < EM>...</EM>
- Emphasis (usually italic).
- < STRONG>...</STRONG>
- Stronger emphasis (usually bold).
- < B>...</B>
- Boldface text.
- < I>...</I>
- Italic text.
- < TT>...</TT>
- Typewriter font.
Other Elements
< HR>
A horizontal rule line.
< BR>
A line break.
< CENTER>....</CENTER>
Centers text and graphics on the page
Images
< IMG>
Inserts an image into the document.
Example: < IMG SRC="filename.gif">
Back to HTML Seminar Home
Page
This page produced by Jerry Seay
Last update: 6-23-97