Tricks:HTML: Steve's Crib Sheet


Here's my crib sheet for html. Haven't heard of anything similar on the web 
although I'm going to add it to my home page soon where it will be regularly 
updated.  

For the latest email with message HTMLCRIB.TXT.  Soon to be added tables and 
backgrounds!

Cheers
Steve
Editor - Feedback IT (NOT A Lost In Cyberspace Publication!)
http://www.salford.ac.uk/docs/depts/iti/feedback/feedhome.html
s.m.cunio@iti.salford.ac.uk  ( HERE'S THE FILE BELOW!!! )
CRIB SHEET for Hypertext Markup Language (HTML)
by Steve Cunio latest update 18 April 1995
===============================================
(For latest copy of this file email me s.m.cunio@iti.salford.ac.uk)
with message HTMLCRIB.TXT)


 header info usually the title 

 title 

 rest of document here 

largest header

through to
smallest header

type paragraph here (moves down a space before showing text) type text here
or here (moves down one line without leaving a space) italics text bold text blinking text

center text/image on screen
(note US spelling)
shows a horizontal line across the screen. Can be justified to the left, right or center. Size is the height of the line in pixels. Width is the length of the line across the screen.
 text here is at a set width. useful for columns etc. 
NAME
typewriter text ie fixed width (finishes unordered list)
    (starts ordered list. Numbers put in front of each list item 1 to whatever)
  1. list item here
  2. etc
(finishes ordered list)
(starts definition list. No blobs or numbers!)
term to be defined here (Leave blank for indent)
definition of term here (automatically indented under DT)
etc
etc
(ends definition list)(Embed definition lists for multile indents) replace picture.gif with the name of the file of the graphic you wish to display. Must be of gif or jpg type (Don't worry we have ways of making these from whatever picture you've got!) DESCRIPTION OF PICTURE GOES HERE if the browser cannot display your picture then the contents of the alternative ALT will be displayed for the user. Aligns the picture with the blob at the top if in a list or produces the preceeding or next line of text alongside and at the top of the image. (Subsequent lines will be printed below the image) Aligns the picture with the blob at the middle or produces the preceeding or next line of text at middle and alongside image. hypertext link can be text or picture jumps to specified document when text or picture is clicked. This area is said to be anchored. text or picture jumps to and executes a sound file when text or picture is clicked. (Again don't worry about the type of sound file you have as we can convert them to an exceptable format. We can also show you how to make a sound file!!) < As the less than character < is a special symbol you must type this in where it appears in any text. The semicolon must be typed. > Greater than symbol >. & Ampersand symbol &. FURTHER INFO ============ Animations and video can be placed onto the Web. These should be of file type .mpg (Motion Picture Experts Group MPEG). Forms can be set up to be filled in by people browsing your web pages. An example document will be provided. This is probably the clearest way to explain this function ie by example. Other details of HTML can be found on the WWW. Open this URL from inside MOSAIC. http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html To set up the World Wide Web (WWW or 3W) and load Beginners HTML do this: logout if logged in. reset computer (turn off and on if necessary) type internet enter user id and password. type win (windows appears) double click on the Mosaic icon. (egg timer appears; mosaic appears) click on FILE at top of screen. click on OPEN URL...... in this menu. Click on box URL: Type in http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html (the document now loads. Read and click around as desired!)