"
------------------------
Document 1.5 (house.htm)
Our New House
Our New House
Here's the status of our new house. (We know you're fascinated!)
------------------------------
Document 2.1 (tagExamples.htm)
Tag Examples
Here is a Level 1 Heading
Here is a Level 2 Heading
Here is some preformatted text that has
been created with the pre element. Note that it retains the
paragraph tab
included
in the original document. Also, it does not "collapse" line feeds
and
white spaces. Often, it is easier to use preformatted text than it
is to use markup to get the same effect. Note, however, that the default
rendering of
preformatted text is to use a monospaced Courier font. This is often a good choice for
displaying code in an HTML document, but perhaps not a good choice for other kinds of text content.
Here, a small graphic (the check box) has been inserted into
the document using the "img" element. This text is outside the preformatted
region, so the default font is different. If you look at the original document, you can also see that
white spaces and line feeds are now collapsed.
Note too, that the text is now centered. The way the text is displayed will
depend on how you
have the display window set in your browser. It may change when you go from full screen to a window, for example.
Centering is now turned off. The default text alignment is to the left of your screen.
You can change the size and color of text by using the <font>
element.
-------------------------
Document 2.2a (index.htm)
My Page
Here are links to
homework and
personal documents.
--------------------------
Document 2.2b (resume.htm)
Resumé
Here is my resumé.
----------------------------
Document 2.2c (homework.htm)
Homework
Here are my homework problems.
------------------------------------------------------
Document 2.2d (index2.htm, a new version of index.htm)
My Page
Here are links to
homework and
personal documents.
-------------------------
Document 2.3 (style1.htm)
Style Sheets
Here is the body.
------------------------
Document 2.4a (body.css)
body {background:silver; color:white; font:24pt Times}
h1 {color:red; font:18pt Impact;}
h2 {color:blue; font:16pt Courier;}
--------------------------
Document 2.4b (style2.htm)
Style Sheet Example
(See Color Example 2 for full-color output.)
Heading 1
Heading 2
Here is some text.
-----------------------
Document 2.5a (rwb.css)
p.red {background:red;color:blue;font:20pt Times}
div.white {background:white;color:red;font:20pt Times}
span.blue {background:blue;color:white;font:20pt Times}
-----------------------
Document 2.5b (rwb.htm)
A Red, White, and Blue Document
The table below shows some radon levels measured in residences. For values greater than or equal to 4 pCi/L, action should be taken to reduce the concentration of radon gas. For values greater than or
equal to 3 pCi/L, retesting is recommended.
Location
Value, pCi/L
Comments
DB's house, basement
15.6
Action should be taken!
ID's house, 2nd floor bedroom
3.7
Should be retested.
FJ's house, 1st floor living room
0.9
No action required.
MB's house, 2nd floor bedroom
2.9
No action required.
------------------------
Document 3.2 (tbody.htm)
Using the tbody element
Month
Average Temperature
°F
January
30.4
February
33.0
March
42.4
April
52.4
May
62.9
June
71.8
July
76.7
August
75.5
September
68.2
October
56.4
November
46.4
December
35.8
----------------------------
Document 3.3 (cloudType.htm)
Cloud Type Chart
Cloud Type Chart
Altitude
Cloud Name
High
Cirrus
Cirrocumulus
Cirrostratus
Middle
Altocumulus
Altostratus
Low
Cumulus
nonprecipitating
Altocumulus
nonprecipitating
Stratocumulus
nonprecipitating
Cumulonimbus
precipitating
Nimbostratus
precipitating
---------------------------
Document 3.4 (location.htm)
Data Reporting Site Information
-------------------------
Document 3.5 (select.htm)
Pull-Down List
---------------------------------
Document 3.6 (siteDefinition.htm)
Observation Site Descriptions
----------------------------
Document 3.7 (location2.htm)
Location information
------------------------
Document 3.8 (lists.htm)
Using HTML Lists
This page demonstrates the use of unordered, ordered, and definition lists.
Use unordered lists for "bulleted" items.
Use ordered lists for numbered items.
Use definition lists for lists of items to be defined.
Here are three ways to organize content in an HTML document:
Use a table.
Use a list.
Use <pre> ... </pre> tags.
This is a way to produce a neatly formatted glossary list.
definition list
(<dl>)
Use this to display a list of glossary items and their definitions.
ordered list
(<ol>)
Use this to display a numbered list.
unordered list
(<ul>)
Use this to display a list of bulleted items.
-------------------------------
Document 3.9 (bookContents.htm)
Table of Contents for My Book
Table of Contents for My Book
Chapter One
Section 1.1
First Topic
Second Topic
subtopic 1
subtopic 2
Section 1.2
Section 1.3
Chapter Two
Section 2.1
First Topic
Second Topic
subtopic 1
subtopic 2
Section 2.2
Section 2.3
Chapter Three
Section 3.1
First Topic
Second Topic
subtopic 1
subtopic 2
subtopic 3
Section 3.2
Section 3.3
First Topic
Second Topic
Section 3.4
------------------------------
Document 3.10a (frameMain.htm)
A simple frameset document
------------------------------
Document 3.10b (homeFrame.htm)
My Home Frame
---------------------------
Document 3.10c (frame1.htm)
Title Frame
Frames
Demo
---------------------------
Document 3.10d (frame2.htm)
Gossip Column
Links to other stuff... Gossip Column
Picture Gallery home
-------------------------------------
Document 3.10e (frameDescription.htm)
How this image was created.
This image was created in Windows' Paint program.
Click here to return.
--------------------------
Document 3.11 (cloud1.htm)
Cloud Observations
Cloud Observations
Cloud Observations (Select as many cloud types as observed.)
--------------------------------------
(partial data file for Document 3.12a)
DRB Worcester PA
40.178 -75.3325
4030 5200
Mon day yr hr min sec EST PYR-1 PYR-2 T
7 1 2008 0 0 0 1 0.00031 0.00031 20.198
7 1 2008 0 1 0 1.000694444 0.00031 0.00031 20.174 20.174
7 1 2008 0 2 0 1.001388889 0.00031 0.00031 20.174
------------------------------------
Document 3.12a (pyranometerMain.htm)
Display pyranometer data
---------------------------
Document 3.12b (header.htm)
This is the header.
mon day yr hr min sec EST PYR-1 PYR-2 T
-------------------------
Document 4.1 (circle.htm)
Calculate area of a circle.
-------------------------------------
Document 4.2 (incrementDecrement.htm)
Increment/decrement operators
---------------------------------
Document 4.3 (mathFunctions2.htm)
Demonstration of the Math object.
-------------------------
Document 4.4 (grades.htm)
Get letter grade
------------------------
Document 4.5 (taxes.htm)
Calculate income tax
Here, a small graphic (the check box) has been inserted into
the document using the "img" element. This text is outside the preformatted
region, so the default font is different. If you look at the original document, you can also see that
white spaces and line feeds are now collapsed.
