HTML in 90 MinutesHTML - HyperText Markup Language
This is a really quick overview of HTML basics. These basic HTML tags can be used with Manila or other web page development tools. Even if you use Word, Netscape Communicator or Dreamweaver to create web pages, it is good to know a little HTML as well.
- Paragraph <P></P>
- Bold <B></B>
- Italics <I></I>
- Links <A HREF=""> </A>
- Bullet list <UL> <LI> </UL>
- Numbered list <OL> <LI> </OL>
- Headings <H1></H1> <H6></H6>
- New line <BR>
- Horizontal line <HR>
- Images <IMG>
- Colors - font, background
- Styles
- Tables - use Netscape Composer, etc.
- Forms
- Frames
After a quick look at examples of pages and the HTML behind the scene, it is time for you tocreate your own web page. Create a new page with Netscape. Type in your name, then view the HTML source for your page.
- HTML, HEAD, BODY tags
- content text
- Paragraph
- Bold, Italics
- Horizontal Rule
- Headings
- Hyperlink REFerence
- line BReak
- TITLE
- lists - Unordered List, Ordered List, List Item
EXAMPLES
Red
Italic Heading 1 - Text Format
This is a normal paragraph. Don't forget that Paragraph is a
container tag.
This text should include formatting
information that makes the sentence appear on two lines.
Heading 2 - Numbered / Ordered List
This is an ordered list or numbered list.
- This
- Bold thing
- Italic thing
Un-numbered List - Heading 3
This is an unordered list or bullet list.
Heading 4 - Links
DeAnza College -
www.deanza.fhda.edu
Yahoo search engine -
www.yahoo.com
Examples - make this an
active link to the top of the Examples section of this page
|
Name
|
your name
|
|
Email Address
|
your email address
|
Background color
#C6EFF7
This text is centered in the cell.
|
- list 3 tags demonstrated on this page
- use bullet list format
|
|
 tweety.gif
http://cougar.deanza.fhda.edu/users/vtaylor/tweety.gif
Tweety cartoon character from www.gif.com
Provide space around the image.
|
|
Background color #F7BDDE
|
|
