Syllabus Aesthetics HTML Fireworks Flash Dreamweaver

 

 

 

Intro to HTML

How the Web Works
What is HTML?
What are HTML tags?
How to create an HTML page

The Problem with Browsers
Hexadecimal Colors


Learning HTML

Basic Tags: Text Formatting
Adding Links
File Structure and Paths
Adding Graphics
Tables
Frames

HTML Summary - pdf for view/download

 

 

 


Basic Tags: Text Formatting

Now that you know the basics, start experimenting with these basic tags to control the way text displays. You will use these basic tags to format your resume with HTML.

Try using each of these tags to see how they display in your browser.

Tags
(not all have closing tags)

Purpose / Example
<p>    </p>

Paragraph

break

<p align="center">    </p>
centering
<br> Line
break.
<blockquote>     </blockquote>

Indents text

<b>     </b> bold
<i>     </i> italic
<u>     </u> underline
<h1>     </h1>

Heading 1

<h2>     </h2>

Heading 2

<h3>     </h3>

Heading 3

<h4>     </h4>

Heading 4

<h5>     </h5>
Heading 5
<h6>     </h6>
Heading 6
<pre>     </pre>
preformatted text
<div>     </div> Division (used to apply a format to a larger section)
&nbsp; Non-breaking space

Lists

Unordered List
<ul>
<li>apples</li>
<li>pears</li>
<li>oranges</li>
</ul>
  • apples
  • pears
  • oranges
Ordered List
<ol>
<li>first</li>
<li>second</li>
<li>third</li>
</ol>
  1. first
  2. second
  3. third
Nested List

<ul>
<li>fruit</li>
<ol>
<li>apples</li>
<li>oranges</li>
</ol>
<li>vegetables</li>
<ol>
<li>corn</li>
<li>asparagus</li>
</ol>
</ul>

  • fruit
    1. apples
    2. oranges
  • vegetables
    1. corn
    2. asparagus

 

This information is alson contaiuned in a handy pdf document for viewing or downloading.


 

Top of Page

 

Home . Syllabus . Web Aesthetics . HTML . Fireworks . Flash . Planning . Graphic Design . Dreamweaver