HTML Help





Ok, I've never done an html help page before so I'm not really sure how to go about it. It's not finished yet, but I'll keep working on it. If you have any suggestions please email me at [email protected]. I'll give credit for any contributions I use on the page. Also, I'm only a beginner at html, so if you need more advanced help you might try another site.

HTML basics
Saving and transloading help for WebTV and computers





I'm going to start very basic, so even if you've never used html before you shouldn't be totally lost. The first thing you need to know is how to start html. For a web page you need to go to your file manager/html editor. Make sure the page is blank and start on the first line. All html commands are put in tags, open "<" and close ">". To begin html type html in tags (<html>). A slash "/" before the command ends the command (</html> ends html).

Below is a table of html commands and what they do. The sub-commands listed under each command are modifiers that go inside the tags with the command. I will eventually have specific instructions for each command, but for now only the commands that are clickable have instructions. To test your html try the html test bed.





HTML CodeSub-CommandsFunction
<html>
</html>
begins/ends html
<head>
</head>
begins/ends the heading of the page
<meta>provides general information about the page
<script>
</script>
begins/ends scripting language
<title>
</title>
begins/ends the title of the page
<body>
</body>
begins/ends the body of the page
bgcolor="..."sets the background color for the page (default is white). For color table, click here.
background="..."sets an image as the background (enter url of image)
text="..."sets the color of non-linked text for the page (default is black)
link="..."sets the color of linked text for the page (default is blue)
alink="..."sets the color of active links for the page (default is green)
vlink="..."sets the color of visited links for the page (default is pink)
<h1>
<h1>
begins/ends a heading (also h2, h3, h4, h5, and h6)
<basefont>sets the default font for the page
size="..."sets the basefont size: 1-7
color="..."sets the basefont color
<img>inserts an image
src="..."URL of image to be inserted (as with all links, you must include the full address unless it is linking to another page withing your site, in which case you need only what would follow your main page URL. For example, to link to my own color table, http://www.geocities.com/kdoggs_outhouse/colors.html, I would only need to put colors.html)
alt="..."contains an alternate text string for browsers that do not support images
align="..."sets the alignment of the image: top, bottom, center, left, or right
height"..."sets the height in pixels of the image (this is not necessary, it only allows you to resize if the image appears too large or too small)
width="..."sets the width of the image in pixels
vspace="..."defines the amount of space between the image and the text above and below it
hspace="..."defines the amount of space between the image and the text to the right and left of it
<font>
</font>
begins/ends font for a section of the page
size="..."sets the font size (1-7) for a section of the page (default is 4)
color="..."sets the font color for a section of the page (default is black)
<em>
</em>
puts emphasis on the enclosed text, usually italics
<strong>
</strong>
puts stronger emphasis on the enclosed text, usually bold type
<cite>
</cite>
encloses a citation
<b>
</b>
makes the enclosed text bold type
<i>
</i>
makes the enclosed text italic
<tt>
</tt>
makes the enclosed text in typewriter font
<p>
</p>
begins/ends a paragraph or section of the page
align="..."aligns the paragraph or section: right, left, center, or justify
<a>
</a>
begins/ends a link or anchor
href="..."contains the url of the link or anchor; for an anchor, begin with # (visible text or image for link must be placed between <a href"..."> and </a>)
name="#..."names an anchor point to link to from within the page (e.g. name="#top", then href="#top" to link back to the top of the page)
target="..."identifies the window or location to open a link in; without this the link will open a new window or change the current depending on browser type
<hr>inserts a horizontal rule line
<br>inserts a line break
<table>
</table>
begins/ends a table
border="..."sets the border width for the table in pixels (default is 0 [no border])
cellspacing="..."sets the width of the space between cells in pixels (default is 2)
width="..."sets the width of the table in pixels or by percentage of page width (to write as percentage, follow number value with %)
bgcolor="..."sets the background color of the table
<caption>
</caption>
begins/ends a caption for a table
align="..."determines where the caption will be placed in relation to the table: top or bottom (for Internet Explorer use valign="...")
<div>
</div>
used primarily to align a block of text, it affects all tags and text it encloses and can be used to align anything
align="..."used in <div> following <caption>, it aligns the text of the caption: left, right, center, or justify (for Internet Explorer, use align="..." inside <caption>)
<tr>
</tr>
begins/ends a table row
align="..."sets the horizontal alignment for the text in the entire row: right, left, center, or justify
valign="..."sets the vertical alignment for the text in the entire row: top, bottom, or center
bgcolor="..."sets the background color for the entire row
<td>
</td>
begins/ends a table cell (<th> is the same and uses the same sub-commands, but is used for headings and is in bold type)
align="..."sets the horizontal alignment for the text in the cell
valign="..."sets the vertical alignment for the text in the cell: top, bottom, or center
bgcolor="..."sets the background color for the cell
<tbody>
</tbody>
begins/ends a table body
<thead>
</thead>
begins/ends a table header
<tfoot>
</tfoot>
begins/ends a table footer





Saving from a Computer



To save an image from a computer move the mouse over the image and click the right mouse button. From the pop-up menu click 'save image as'. A new window will open allowing you to name the image and select the folder in which you wish to save the image. There will also be a drop-down menu below the image name allowing you to select what type of file to save the image as. For beginners it is best to leave this on the default. The image may later be moved to another folder using Explore (right click start button) or manipulated in an imaging program.





Transloading from WebTV or Computers


To transload an image you will need a website to transload the image to. Geocities offers free web pages and help for new users. You will also need the URL (internet address) of the image and your web page user name and password. The Freeloader is a free transloader that works well for both WebTV and computers. Simply fill in the form and press one of the four buttons at the bottom. Your Homepage base URL does not need to be entered, this will merely provide a link to the transloaded image. The File to be copied is where you must enter the URL of the image you wish to transload. It is important that you enter the full and correct address of the image or it will not be transloaded. The Remote FTP server is the server of your web page; for example, if your web page was at Geocities you would enter ftp.geocities.com in this field. Most web page servers will have FTP instructions if you need help in this area. The User login and Password fields are for the user name and password you use to log in to your web page. Your user name and password will not be seen or used by anyone else online; the freeloader needs these in order to move the image into your site. Subdirectory allows you to specify an existing subdirectory in your site you would like the image moved to, but we suggest that new users leave this field blank. New name for file is the name the file will be given in your site. Make sure you do not use a file name that already exists in your site as it will be replaced with the new file. Once the information is correctly filled in, click one of the Freeloader buttons numbered 1 through 4 at the bottom. Ignore everything below these buttons as these are for registered users at Domania.




Main Page

Email Me




Hosted by www.Geocities.ws

1