HTML Basics
The very first page you create should be your welcome page saved
as index.html. The server is set up so that the browser automatically
looks first for the index.html to load.
A webpage is a text document saved with the .html extension filled
with special tags that tell the broswer how to interpret the file.
When creating a webpage, there are many easy to use software applications
like Frontpage, Netscape Composer or Dreamweaver
to help you design webpages fast without ever having the tedious
job of coding the page. But its always good to know what all
those tags mean, so here a rundown of basic html tags in the order
you normally find them.
Most of the tags used in HTML
require both the opening tag and the identical closing tag. The
only difference is that the opening tag looks like this: <HTML>,
and the closing tag has a / : </HTML>
<HTML> -- Required-- found at the start and end of the html
document
<HEAD> -- Required-- holds information about the page
<TITLE> -- Required-- displays the text between the opening
and closing tag in the title bar of your browser.
<BODY>-- Required-- contents of what you want displayed in browser,
normally followed by 5 attibutes that set the universal background,
text, and link colors.
<BODY bgcolor="#FFFFFF" text="#000000" link="#AA1177" alink="#FF0000"
vlink="#FF0000">
bgcolor="#FFFFFF" -- Sets the background color. For
list of hexidecimal color code click here.
text="#000000" -- Sets the text color.
Hexidecimal color list.
link="#4040FF" -- Sets the link color. Hexidecimal
color list.
alink="#4040FF" -- Sets the active link color. Hexidecimal
color list.
vlink="#00BB00" -- Sets the visited link color. Hexidecimal
color list.
<p> Paragraph tag that indicates a paragraph
of text.
<br> Line break, starts a text on a new line.
<a> Anchor tag that defines the source and
destination of a hyperlink.
ex. <a href="www.k12.hi.us">DOE website</a>
<img> Image tag that allows you to insert gifs and jpegs images
into your document. Usually followed by the source, border,
alt, height, and width attibutes.
ex. <img SRC="image.gif" border=0 alt="image of button" height=100
width=100>
|
