Top

Creating a Home Page

CDBMA | September 18, 1996

Web site mission statement

Design & appearance

Bandwidth conservation

Top

BASIC HTML
HTML elements

<HEAD> </HEAD>

	HEAD can contain:

	<TITLE> </TITLE>
	<META name="value" content="value">
	      HTTP-EQUIV
	  Mostly user defined information


<BODY attributes="value">   </BODY>

	Attributes:

	  BACKGROUND
	   <IMG SRC="url">

	  BGCOLOR
	    "color name"
	    "6 hex digit value"
	 
	  VLINK="color"
	  LINK="color"
	  ALINK="color"
	  TEXT="color"


	Basic Tags

	  <P>
	  <BR>


	Format Tags
	
	  <CENTER>  </CENTER>

	  <QUOTE>	   </QUOTE>
	  <CITE>	   </CITE>

	  <B>            </B>
	  <STRONG>  </STRONG>
	
	  <I>            </I>


	Font Tags

	  <FONT attribute="value"> </FONT>
	      SIZE="+n" or "-n" or "1" thru "7"

	  <Hn>  </Hn>        Heading fonts


	List Elements

	  <OL>  Ordered List  </OL>
	  <UL> Unordered List </UL>
	  <LI>   List Item

	  <MENU>        </MENU>
	  <DIR> 20 chars </DIR>



	Anchors

	  <A HREF="value"> </A>
	
	  <A NAME="subvalue">
	  Position subheadings outside of table boundaries

	
	IMAGES
	  <IMG SRC="value"> </IMG>

	  <body BACKGROUND="value">

	  <img src="value" WIDTH="nn" HEIGHT="nn" BORDER="nn"
	       ALT="string" ALIGN="top" | "middle" | "bottom">

	    Always declare the width & height of your graphics

Top

ADVANCED HTML 
Tables

<TABLE>  </TABLE>

	Tables have their own formatting characteristics
	and their own unique capabilities. They can be
	thought of as a page within a page.

	  <TABLE attribute="value">
	  <TR>
	  <TD>
	  </TD>
	  </TR>
	  </TABLE>

	  <TH>      Table header  </TH>
	  <CAPTION> Table Caption </CAPTION>




Netscape Frames

FRAMES
 
	<A HREF="value" TARGET="_top"> </A>
	  Offsite links should always follow this convention.



Script Language

	<SCRIPT language="value">
		Script goes here
	</SCRIPT>





Forms

	<FORM>  </FORM>


***
Example:


<FORM ACTION="http://www.excite.com/search.gw" METHOD=POST>

 You can enter words describing a <INPUT TYPE="radio" 
 NAME="searchType" VALUE="Concept" CHECKED>Concept or
 <INPUT TYPE="radio" NAME="searchType" VALUE="Keyword">Keywords,<BR> 
 and you can then <STRONG>Query By Example</STRONG> and find
 similar pages<BR> that don't necessarily have the words
 that you'd typed.<P>

Give it a try: <BR>
<table>
<tr>
<td>
<img vspace="4" src="http://pages.prodigy.com/GBonline/excite_t.gif"
   width="100" height="44">
</td>
<td>
<INPUT NAME="search" SIZE=30>
</td>
<td>
<INPUT TYPE="image"
   SRC="http://pages.prodigy.com/GBonline/search_b.gif"
   width="63" height="20" alt="Search" NAME="searchButton" BORDER=0>
</td>
</tr>
</table>
Search:
<INPUT TYPE="radio" NAME="category" VALUE="default" CHECKED>Web Sites
<INPUT TYPE="radio" NAME="category" VALUE="news">Usenet
<INPUT TYPE="radio" NAME="category" VALUE="news.class">Classifieds
<INPUT TYPE="radio" NAME="category" VALUE="guide">Reviews
</form>


***



This results in:
You can enter words describing a Concept or Keywords,
and you can then Query By Example and find similar pages
that don't necessarily have the words that you'd typed.

Give it a try:
Search: Web Sites Usenet Classifieds Reviews

Top

Other Topics

Advanced Graphics Techniques

Other Advanced Techniques

Promoting Your Pages

Relevant Links
http://www.newbie.net/frames/index.html
http://www.hp.co.uk/people/dsr/html3/tables.html
http://union.ncsa.uiuc.edu:80/HyperNews/get/www/html/guides.html
http://www.gda.itesm.mx/~kbauer/HTML/HTMLdocs/NewHTML/htmlindex.html
http://www.gda.itesm.mx/~kbauer/HTML/HTMLdocs/NewHTML/bibliography.html

Top

c 1996 - GBonline [] Last Update: September 17 1996
WA