|
To start out with your basic HTML page, you need this standard structure. You should use this for every HTML page you create.
<HTML>
<HEAD>
<TITLE> </TITLE>
Any HEAD Content Here
</HEAD>
<BODY>
Any BODY Content Here
</BODY>
</HTML>
Now, lets examine each part of the HTML page.
HEAD
No element in the HEAD tag can be directly seen on the browser screen. Here's where you put the <SCRIPT> tags, when working with JavaScript,<STYLE> tags when working with Style Sheets, and any <META> info. However, most basic pages won't use these elements, so lets just skip to the <TITLE> tag. Type what you want in the Title bar here. So if you type "John Doe's Page" in between the <TITLE> tags, then you'll see John Doe's Page in the bar at the top of browsers.
BODY
This is the main content area of any HTML page. What you're reading right now is the stuff we inputted between the BODY tags. Here's the breakdown of all the major tags you'd need to make a simple, good looking page.
| Tag | Attributes | Definition | CENTER | None | Centers text | P | align="right,center,left" | Skips a line between paragraphs. Also justifies paragraphs. | BR | None | Carriage Return | HR |
size="Pixel or Percent"
width="Pixel or Percent" noshade |
Physical line dividing text. |
Image Tag
<IMG src="image.gif" width="5" height="5" alt="../image!" border="0" align="center">
Explanation:
src: Path to image
width and height: Dimensions of image
alt: Alternative Text that loads up before image is loaded. Also Lynx uses it for image descriptions.
border: Border around the image, in the color of the FONT color at the time.
align: where text aligns in comparision to the image.
Font Tag
Example: <FONT face="Verdana" color="#ff0000" size="2"></FONT>
Explanation:
face: Font that you want the browser to use. Mostly using Verdana, Arial, Courier, and Helvetica. Warning, only works some browsers, and with people who have the font.
color: hex color that the text should be.
size: Size of the font. Range is from 1 (smallest) through 7 (largest).
Also:
<I> Italic </I>
<U> Underline </U>
Anchor Tag
Example: <A href="somewhere.html" target="_top">Click</A>, or<A name="here">
Explanation:
href: Where the link is pointed to.
target: Used for frames mostly.
name: A place in the same page to go to. Add this tag for where you want the link to go, and <A href="#nameofanchor"> for the actual link.
Copyright © 1995-2003 Sidetrips™ Internet Services, Inc. All rights reserved.
Reproduction in whole or in part in any form or medium without express
written permission of Sidetrips Internet Services, Inc. is prohibited.
sidetrips.com™, hostserver.com™, registera.com™, htmlshop.com™,
and associated domains are trademarks of Sidetrips™ Internet Service, Inc.
Privacy Policy | Acceptable Use Policy | Terms of Service
Reproduction in whole or in part in any form or medium without express
written permission of Sidetrips Internet Services, Inc. is prohibited.
sidetrips.com™, hostserver.com™, registera.com™, htmlshop.com™,
and associated domains are trademarks of Sidetrips™ Internet Service, Inc.
Privacy Policy | Acceptable Use Policy | Terms of Service