HTML stands for HyperText Markup Language. Using HTML,
you give directions to the browsers so that they display
your webpage as you designed it. Let's look at some of the
more common HTML tags, and find out what each element does.
The first element on any web pages is the DOCTYPE tag. This
tag tells the browser which version of HTML was used for
the page. You must have it present to test for coding errors
via W3C validation.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Most webpages have two main sections, the head and the body.
The head section contains title tags, description tags,
and links to external style sheets, if you have them
<html> This tag tells the browser
that html code will follow
<head> The Start of the head section.
<title>Woolley Design:: HTML coding</title>
The title tag is a short descriptive title
for your web page. It is very important, as it is one of
the most important elements of SEO. Make sure it contains
your primary keywords.
<META NAME="description" content="Woolley
Design has information about HTML, HTML tags and web page
coding "> The description tag is
a short, concise description of what your website is about.
This is important because most of the search engines will
display the contents of your description tag below the url.
Make sure it contains your primary keywords.
<link rel="stylesheet" href="css/text_styles.css"
type="text/css">The stylesheet tag tells the
browser where your external stylesheet is. More
info on css
</head>The close head tag-end of
the head section.
The body tag indicates the start of the body section of
the webpage. The body includes the visible elements of the
webpage.
<body> The start of the body section.
This is all the visible content on your webpage.
<table> Tables are containers, used
in HTML to hold your text and pictures. They help you to
keep everything neat and orderly. You can also have tables
nested inside of tables. Tables have rows<tr> and
cells<td> Different table layouts, using nested tables,
can be viewed here.
<tr> tag indicates the beginning
of a table row.
<tr> tag indicated the end of a table
row.
<td> tag indicates the beginning
of the table cell. All content goes inside table cells.
<img> tag indicates placement of
an image, as in: <img src="images/tlogo.gif">
<font face="Arial, Helvetica, sans-serif">insert
text here</font> if you don't use stylesheets, you
must add inline style tags, like this one
</td> tag indidates the end of the
table cell.
</table> end tag for the table
<!--comments here--> Inserting comments
</body> end tag for the body
</html> end tag for html
.
