- Part 1 - Introduction to HTML
- HyperText Markup Language
- Provides instructions to World Wide Web browsers such as Netscape, Microsoft Internet Explorer
- Browsers translate instructions in order to display documents
- Document structured with headings, lists, tables
- Include graphics in your document
- Change the color of your text and background
- Create links to different sections in your document
- Create links to other documents
Formatting options include:
Different Level Headings
Different Level Headings
Text attributes: boldface, italicized, or even both
You can also center the text.
Bulleted lists:
- Like this
- And this
- Last item
Numbered lists:
- Like this
- And even this
- Plain text file (saved in ASCII format)
- Windows Notepad editor automatically saves in ASCII format
- Windows 95 Wordpad has text save option
- Word processors such as WordPerfect or Microsoft Word must "Save As" ASCII format
- Newer software has "Save As HTML" option
- Generally saved with the extension .html (such as deptinfo.html ).
- HTML file on your PC can be viewed from Netscape, IE
- To share documents, you must install them on a networked computer running WWW server software (Netscape, Apache, Microsoft)
- Document content (text):
- New text entered to create the document
- Existing document converted to HTML format
- HTML instructions or tags
- Bracketed commands using the less than and greater than signs (< and >)
- Tag to begin boldface text: <B>
- To end formatting, same tag with a slash (/)after the first bracket (end of bold would be </B>)
<B> Bold text </B> <I> Italics text </I>
As an example, the formatting commands displayed in the previous section (boldface, italicized, or even both) would use these pairs of tags:
<![CDATA[
<B>boldface</B>, <I>italicized</I>, or even <B><I>both</I></B>
]]>
The tags for centering text are:
<![CDATA[
<CENTER>You can also center text.</CENTER>
]]>
Certain tags, used singly, indicate line breaks or the end of paragraphs. The tag <P> can be used to create a paragraph break with a blank line:
<![CDATA[
This is paragraph one.<P>
This is paragraph two.<P>
]]>
Appears as:
This is paragraph one.
This is paragraph two.
To create a line break with no blank line, use the <BR> tag:
<![CDATA[
In-state tuition (per credit):<BR>
Undergraduate courses: $134.00<BR>
Graduate courses: $179.00<BR>
]]>
This would appear as:
In-state tuition (per credit):
Undergraduate courses: $134.00
Graduate courses: $179.00
- No closing tag required (no </BR> or </P> tags)
- HTML tags are not case sensitive
- Can be typed as uppercase (<BR>)
- Or lowercase (<br>)
Go to Top of Page
Back to Contents Page 
On to Next Section
Web Development Workshop
1999 MSACROA Conference
Sunday, November 28, 1999