Web Hosting Services by Professional Website Hosting Dotservant Register Domain Name At $15/yr
 
So, you want to make a Web Page!
INDEX
& Quick Reference
Basic Document Structure        Basic Text Formatting
Structural Formatting        Images        Links        Miscellaneous
 
Basic Document Structure
Go 
<HTML>
<HEAD>
<TITLE>My big ole bad page!</TITLE>
</HEAD>
<BODY>
Hello Joe!
</BODY>
</HTML>

 
Basic Text Formatting
Go Make text bold: <B>Sample</B>
Go Make text italics: <I>Sample</I>
Go Make text underlined: <U>Sample</U>
Go Monospaced text: <TT>Sample</TT>
Go Change font size (sizes:1-7) <FONT SIZE=5>Sample</FONT>
Go Change the font name (face) <FONT FACE="fontname1,fontname2,etc">Sample</FONT>
Go Change the font color <FONT COLOR="#0000FF">Sample</FONT>
Go Section headings (1-6): <H1>Sample</H1>
Align the section heading: <H1 ALIGN="center">Sample</H1>
Go Change text, link, etc color for whole page
<BODY BGCOLOR="#123456" TEXT="#23456A" LINK="#3456AB" VLINK="#456ABC" ALINK="#56ABCD">
Go The Handy Dandy Font Viewer (intro page), Open viewer directly
Go The rollercoaster!

 
Structural Formatting
Go Line breaks <BR>
Go Multiple line breaks: 
<BR>
<BR>
<BR>
Go New paragraph <P>
Go New paragraph + ALIGN <P ALIGN="left|center|right">
Go Old style centering: <CENTER>Sample</CENTER>
Go Horizontal Rule (plain default): <HR>
With a few parameters: <HR ALIGN="left" WIDTH=90% SIZE=1 NOSHADE>
Go Pull in your margins with Blockquote: <BLOCKQUOTE>Sample</BLOCKQUOTE>
Go Ordered(<OL>) and Unordered(<UL>) lists: 
<OL>
<LI>List item
</OL>
Go Definition list (bold tags optional): 
<DL>
<DT><B>Definition title</B>
<DD>Definition item
</DL>
Go Preformat tag: 
<PRE>
Sample
   Sample
      Sample
</PRE>

 
Images
Go Inserting an image (gif or jpg):
<IMG SRC="myimage.gif" WIDTH=123 HEIGHT=456 ALT="My Image">
Go Specify background image (gif or jpg): <BODY BACKGROUND="mybackground.gif">
Go Fixed background images (IE specific):
<BODY BACKGROUND="mybackground.gif" BGPROPERTIES=FIXED>
Go Save an image off of a page
Go Image sources (SRC) explained in detail.
Go About image sizes
Go Using thumbnails
Go Make lines out of a 1x1 dot
Go The incredible GIFWorks
Go Get Paint Shop Pro and IrfanView!

 
Links
Go Add a relative link <A HREF="page.html">My page</A>
Add an absolute link: <A HREF="http://www.yahoo.com/page.html">Yahoo's page</A>
Go Link to a particular section of a page:
<A HREF="page.html#cheesewiz">About Cheese Wiz</A>
Go Add an email link:
<A HREF="mailto:scottie@enterprise.com">Email Scottie</A>
Go Making an image a link:
<A HREF="page.html"><IMG SRC="mypic.gif" WIDTH=123 HEIGHT=456></A>
Go Get rid of the blue border around an image link
<IMG SRC="myimage.gif" WIDTH=123 HEIGHT=456 ALT="My Image" BORDER=0>
Go Absolute vs Relative URLs

 
Miscellaneous
Go  Upload your pages to the Web.
Go Specify background color: <BODY BGCOLOR="#123456">
Go Specify background image (gif or jpg): <BODY BACKGROUND="mybackground.gif">
Go Fixed background images (IE specific):
<BODY BACKGROUND="mybackground.gif" BGPROPERTIES=FIXED>
Go Color Picker
Go Tags in combination - Overlapping vs Nested tags
Go More about Overlapping vs Nested tags
Go About Netscape's 216 colors
Go Netscape's 216 color chart (image)
Go Netscape's 216 color chart (page)
Go Space code (special character for a space) &nbsp;
Go Six main special characters: 
&nbsp;     non-breaking space
&lt;       < less-than symbol
&gt;       > greater-than symbol
&amp;      & ampersand
&quot;     " quotation mark
&shy;      ­ soft hyphen
Go A whole bucketful of special characters
Go About screen resolution
Go Comment tag:   <!-- This is a comment -->
Go Save document as an HTML file
Go View the source of any HTML document and see how they did stuff.
Go About files & file extensions
Go Quickres
Go Joe's Short List of  FREE  HTML Editors

So, you want to make a Web Page!

   Lessons:   Intro 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24   

Upload Your Pages      Color Chart      Practice Exercises      Color Picker
Index & Quick Reference      Barebones HTML Guide      Table of Contents
Print version available      PageTutor.com membership

Tutorial reprinted with permission, courtesy PageTutor.com

 
PHP hosting
PHP Hosting 		php5 hosting
PHP5 Hosting 		ruby on rails hosting
Ruby on Rails Hosting 		mysql hosting
PHP MySQL Hosting 		mysql5 hosting
PHP5 MySQL5 Hosting 		cpanel hosting
Cpanel Hosting 		linux hosting
Linux Hosting 		centos linux hosting
Affordable web hosting 		frontpage hosting
Business Web Hosting
Website Hosting  /   Tutorial  /   Basic HTML Tutorial  /  
Multiple Domain Hosting  /   Domain Hosting  /   Wordpress Hosting  /   Joomla Hosting  /   Drupal Hosting  /   Mambo Hosting  /   Oscommerce Hosting  /   Dreamweaver Hosting  /  
Web Host  /   Web Space  /   Web Hosting  /   Website Hosting  /   Webhosting  /   Simple Shared Hosting  /   Easy Hosting  /   Quality Email Hosting  /   Web Page Hosting  /   Web Hosting Services  /  
PHP Hosting  /   MySQL Hosting  /   PHP5 Hosting  /   MySQL5 Hosting  /   Cpanel Hosting  /   PHP MySQL Hosting  /   PHP5 MySQL5 Hosting  /   Ruby on Rails Hosting  /  
Professional Website Hosting Affordable Web Hosting Services
Copyright 2000-2008 All Rights Reserved