Return to Learning HTML
This section is intended to be used as a reference and study guide.
To improve the effectiveness of keyword search engines, you should use two forms of the META tag:
<META NAME="keywords" CONTENT="Keywords and phrases, separated by commas, especially those that don't appear in the displayed text of the page, for example because they describe information that is presented graphically.">
<META NAME="description" CONTENT="A short description of the information presented by the page.">
There is a third form of the META tag that you may use, which causes an automatic bounce to another Web page, as outlined in the very last section of this Web page, "Dynamic Loading."
<OL> <LI>Each list item is preceded by an <LI> tag. <LI>The entire list is surrounded by <OL> and </OL>. <LI>Paragraph breaks should be added between items if the text for the longest item in the list is likely to wrap. </OL>
<UL> <LI>Each list item is preceded by an <LI> tag. <LI>The entire list is surrounded by <UL> and </UL>. <LI>Paragraph breaks should be added between items if the text for the longest item in the list is likely to wrap. </UL>
<DL> <DT>"Definition List" <DD>An HTML list structure that works well for a glossary and for the overall structure of a home page. <P> <DT>Defined Term <DD>The Defined Term is preceded by a <DT> tag and appears flush to the current left margin. This may also have Header tags or anchor tags with NAME attributes, or both. <P> <DT>Defining Data <DD>The Defining Data is preceded by a <DD> tag and appears indented one step from the current left margin. </DL>
The names must not contain space characters. Names are case-sensitive. Choose meaningful names that are short and consist of lower-case letters and numerals.
<A HREF="summary.html#target" NAME="target">Anchor example on HTML Summary Page</A>
<A HREF="mailto:email@example.com?subject=whatever subject you choose">firstname.lastname@example.org</A>
When a subject specification is included (which we do suggest should usually be the case), the quotes around the HREF attribute value are required, and the HREF attribute value must contain no spaces until after the first character following the "?subject=" (i.e., after the "w" of "whatever" in the example above). The subject text may contain the slash character ("/") with no special coding required. Often the path and filename part of the URL of the page the link is on will be an appropriate subject.
The characters between the ampersand and the semicolon are case-sensitive. Do not use the ampersand-pound sign-digits codes that you may see in other people's Web pages, such as "…": either they are specifying a character that is standard, in which case you should simply type that character, or they are platform-dependent and will likely display differently on Windows than they do on Macintosh systems.
This is a blockquote section. It is separated from the text above by a <P> tag and the </BLOCKQUOTE> tag is immediately followed by the <HR> tag.
A technique that can be quite effective is to have the contents of each table data cell (see below) consist of a Definition List structure, perhaps with the Defined Term item being a header. This method is illustrated on the Academic Technology home page.
first second third 1 2 3 4 5 6 </PRE>
This is easier to use if you can tell your word processor to display that section of the code in a fixed-pitch font, such as Courier, so that you can get the columns to line up on the first try.
Beware using the WIDTH attribute; whether you specify a percentage of the current margin width or an absolute number of pixels, there are combinations of platform and window width that will produce dysfunctional displays.
Beware using the WIDTH attribute, for the reasons mentioned above.
<A HREF=image.map><IMG BORDER=0 SRC=image.gif ISMAP ALT="Go to text menu."></A>
The details are presented in the Pagemaster's How-to, Appendix III.
This is useful when you re-organize a whole Web site and want people who follow old links (e.g., from outdated pages, personal bookmarks, or search engines) to end up in the correct place.
In the <HEAD> of the page include this tag:
The "10" in the example specifies the number of seconds delay before reloading with the next URL. If you make that delay too short to allow time for the reader to click on their browser's "BACK" button, you will frustrate people who have followed your links and then want to backtrack to pages they were on previously.
Dick Piccard revised this file (http://www.ohiou.edu/pagemasters/class/summary.html) on September 5, 2006.
Please E-Mail comments or suggestions to "email@example.com".