logo
g Text Version
Auto
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Society & Culture
Sports
Travel & Leisure
TV & Movies

dailyclick
Bored? Games!
Postcards
Astrology
Take a Quiz
Rate My Photo

new
Jokes & Riddles
Astronomy
Philosophy
Public Health
Canadian Culture


dailyclick
All times in EST

Tatting: 13:00 PM

Full Schedule
g
g HTML Site
Elizabeth Connick
BellaOnline's HTML Editor

g

HTML Elements and Attributes that Control the Gobal Structure of the Webpage
Guest Author - Diane Cipollo

Below is a list of the most commonly used*** html element tags that control the global structure of the webpage.

Note: Some attributes listed below have been depreciated in favor of Cascading Style Sheets.

Element Tags That Control Global Structure
ElementOpening TagAttributesClosing TagDescription
body<body>
Optional
bgcolor="color"
text="color"
link="color"
alink="color"
vlink="color"
background="url"
marginheight="x"
marginwidth="x"
leftmargin="x"
rightmargin="x"
topmargin="x"
</body>
Optional
Defines the content section

Specifies background and text colors**
bgcolor - background color
text - text color
link - link color
alink - active link color
vlink - visited link color

The background attribute specifies the background image URL and name of image file.

topmargin - height of top margin in pixels (IE)
leftmargin - width of left margin in pixels (IE)
rightmargin - width of right margin in pixels (IE)
marginheight - height of margin (Netscape)
marginwidth - width of margin (Netscape)
comment<!-- ... --> NoneDefines a comment
div<div>class="?"</div>Defines a section of inline content

class - attribute that is set to a class name referenced from a CSS
doctype<!doctype>
Optional
 NoneIdentifies HTML specification
h<h#>align="position"</h#>Designates text as a heading

# - Size 1 (smallest) through 7 (largest)

align - set to left, center or right
head<head>
Optional
 </head>
Optional
Defines the head section
hr<hr>noshade
width="x or %"
align="position"
size="x"
color="color"
NoneCreates a horizontal line across webpage

noshade - removes 3D effect
width - set to pixels or percent of webpage
align - set to left, center or right
size - set height in pixels
color - color of line**
html<html>
Optional
 </html>
Optional
Defines the HTML document
meta<meta>name="?"
content="?"
NoneSupplies descriptive information about webpage

name - defines type of meta tag
content - info displayed by web browser
span<span>class="?"</span>Defines a section of block level content

class - attribute that is set to a class name referenced from a CSS
title<title> </title>Supplies the webpage title for the web browser
***A complete list of html element tags can be found at the World Wide Web Consortium (W3C) website.
http://www.w3.org/TR/REC-html40/index/elements.html
**Color can be set using color names (red, black, etc) or RGB color codes or hexidecimal color codes.





RSS | Previous Features | Site Map


Content copyright © 2008 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Elizabeth Connick for details.

Digg! g delicious Save to Del.icio.us

g


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor

g features
How To Set Up a Mailto Link

Using CSS to Set a Background Image

Choosing the Right Font, Part Two

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Driving Amount
Much more
Slightly more
Slightly less
Much less

g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2008 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor