Welcome to Beginning HTML. This class is offered through
the San Diego Community College District, Continuing Education, New Media Center.
This class will meet for two 5 hour periods. The goal of the class is for students
new to HTML to gain an understanding of how to tag text in HTML documents to
create web pages for the Internet. The class will follow this outline as closely
as possible; however, changes may be made according to the pace of the class.
- What is HTML? basic history and origin
- Why use HTML when you can use an Editor?
- Before you begin, consider the following as your answers
will dictate your page design and choice of tags.
- Why do you want a web page?
- What is your message or intent for the viewer?
- Who will be accessing your page?
- Who is you audience? What type of hardware/browser do
- How will viewer navigate throughout the site?
- Organizing files = Five rules of success
- Create one new folder for all web elements
- Designate your first page with the name index.html
- Always use web extensions with file names (.html or .htm,
.jpg, .gif, etc)
- Keep file name abbreviated to 8 or fewer characters (use
nav1.html instead of navigationnumberone.html)
- Naming rules: never use spaces, punctuation, additional
periods, or funny characters in file names. Dashes (-) or underscores (_)
are ok if not used at the beginning or end of the file names (for example
no "_nav1_.html" but "nav_1.html is ok)
- How to create HTML code/ create an HTML document
- HTML document sections: HTML, HEAD, BODY
- Tagging text/ angle brackets < >
- opening and closing tags/ attributes/ values/ quotation
marks/ nesting tags/ formatting and spacing of tags
- Creating and saving new pages
- Opening the page in a browser
- Creating a title
- Formatting Text:
- font size, font face, font color
- new paragraphs / returns
- Text defaults: size and color
- Background color
- Preformatted text/ Spaces
- Comment tags/ hiding html code from the browser
- Creating images review and folder organization
- Directory path for images/ indicating the location of
the image file on the server or in your initial web folder containing all
your web elements
- Creating alternative text for images
- Adding size specification to the image tag for faster
loading or for scaling
- Aligning text with images
- Wrapping text around images with ALIGN
- Stopping text wrap with CLEAR
- Designating a background image
- Review of text formatting and importing images
- Linking text
- Linking images
- Targeting windows for links
- Creating anchors
- Email links
- Changing link colors
- Formatting with Tables
- Domain Names and Getting Your Page Onto the Web
What happens next?
The New Media Center offers additional classes in HTML.
You can take another beginning class that is more extensive or try your hand
at the Int./Adv. HTML class or the Advanced HTML class. Check the schedule for
I recommend the Visual Quickstart Guide HTML 4 for the
World Wide Web published by the PeachPit Press as an excellent HTML reference
and learning book. It sells for about $18 at most bookstores.