Information on Technical Communication

 Reader Analysis
 Definitions
 Descriptions
 Formal Report
 Analytical Report
 Typography Hints
 Instruction Basics
 Memo Format
 Oral Report
 Progress Reports
 Proposal
 Resumes
 Letter of Application
 Simple HTML
 Revising

Simple HTML Coding

This material includes tips for how to create very basic web pages in a simple, efficient, and effective manner.

Preparation

Write your documents in a simple text editor such as MS Word 5.1 or 6.0, or SimpleText. (If using MS Word, before writing any code, be sure to turn off the "Smart Quotes" function.)

Name all text files with abbreviated identifiers and the ".html" ending. Use lower case for all file names. The home page should be named with a name abbreviation and ".index."

Examples:
  • A page on audience analysis might be named: audan.html
  • A page on credibility might be named: cred.html etc.

All html files must be saved as text. (Drag from "File" to "Save As," then drag from "Word Document" to "Text Only.")

All graphics files must be named with the file name then "gif" or "jpg." For example, a graphic of an apple might be named: apple.gif

Include backlinks from each of your pages to your home or index page.

Some Simple HTML Coding

Body Basics

Start each of your pages with: <BODY> <HTML>

End each of your pages with: </BODY> </HTML>

The Text

Any treatment you make to text is created by surrounding it by bracketed code that indicates how the text will appear on the Web. The first bracketed material begins the treatment, and the last bracketed material tells the computer to end the treatment. For example, if you want to bold a word, begin with <B> and end with </B>. Any text located between these two bracketed codes will appear as bold text on the Web.

Some Common Code

For headings:

  • <H1>text</H1> creates a large heading.
  • <H2>text</H2>creates a slightly smaller heading.
  • <H3>text</H3>creates an even smaller heading.
  • <P>text</P> creates paragraphs.
  • <B>text</B> bolds text.
  • <CENTER>text</CENTER> centers text or graphics.
  • <EM>text</EM> creates italics or otherwise emphasized text.

To create a bulletted list of items use the following code:

<MENU><LI><LI><LI>, etc.</MENU>

<L1> will create a non-bulleted item.

Links

To create links among text files within your own file folder, use the following code:

<A HREF="filename.html"> link info</A>

To create a link to a graphic within your own file folder, use the following code:

<IMG SRC="filename.gif">

To link to your background or texture, use the following code:

<BODY BACKGROUND="clouds2.gif">

To link to materials at another site, use the following code:

<A HREF="http://www.othersite.org"> link material</A>