Jobsfirst Maryland DSS AccuStaff Incorporated Admax Askjobs Job Career Builder Magazine Mosaic Path Catapult Chugach Alaska Corporation Website Continental Search Cornell Technical Services, Inc. CSX Technologies Chessie Dice Electrical Agent Engineer ERISS E-Span's Interactive Employment Network Flipdog Federal Government Jobs Good First Hire Knowledge Hotjobs InfoSystems Jobbank Jobbright JobCircle Fair Schedule Web JONES Networking Associates Kelly Services Leadman Group Net temps Over Seas PDP Group Rensselaer Polytechnic RHI Consulting Riley Guide Snelling Thingamajob

bin counterA03B
Jobs First - Link Sharing

Revamping Code
the revision of the page purpose

Useful Links to job hunting sites and portals

free resume evaluation
Employment 911

Job Search - (global)/(us)
AccuStaff Incorporated
America's Job Exchange
American Jobs
Askjobs Job Search
Career Builder
Career Magazine
Career Mosaic
Career Net
Career Path
The Catapult
Continental Search
Jobbank Job Search
Jobbright Job Search

Careers in Electricity

------------------------------------------------------------------------- At we help people find a new job and employers hire the right candidates through our strict job search algorithm. We are both a job aggregator and a job search engine but we like to think of ourselves as a facilitator in the recruitment industry. Get Electrician Jobs


Valid HTML 4.01 Transitional

////// ///// //// /// // / - --------------------- Move to Lesson 3.2 - - - - - - go here

Online Jobs First - Job Hunt Club
commission rivers
Vote digg it     Lessons in HTML -->     Lesson 1.3 go here     Lesson 3.2 go here     Lesson 4.1 go here

Baltimore City,
Maryland and Counties

US Biglist

Writing and Editing Jobs,
all media

Magazines and Books
Online Jobs
Individual companies'

General Job-hunting

Dept. of Social Services by State

New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Rhode Island
South Carolina
South Dakota
West Virginia

Washington Post

Washtech, Inc. is a premier provider of car wash equipment, solutions, and service in the mid-Atlantic region. We are a high growth company in a dynamic environment. Washtech has been listed on Inc. Magazine's top 500 growth companies. A leader in the industry. For more information, please check out our website at:
Yahoo Job Search

College student, recent grads, career centers

Maryland - Baltimore

Anne Arundel, Baltimore, Carroll, Frederick, Harford, Howard, Montgomery, and Prince George's Counties

America's Job Bank/MD
Maryland Workforce Exchange
Professional Outplacement Assistance Center
Maryland Engineering Jobs

Baltimore City
Baltimore City Community College
Baltimore Sun Jobs Section

Anne Arundel
Baltimore County Employment Online
Baltimore County
Carroll County
Frederick Co
City of Frederick
Havre de Grace
Bel Air
Columbia Workforce Center
Takoma Park
College Park
District Heights
New Carrollton

America's Job Bank/USA
US Government


More US

Search for jobs
By Company Name

Chugach Alaska Corporation Website
Cornell Technical Services, Inc.
CSX Technologies/Chessie
Dice Job Search
Electrical Agent
Electrical Engineer Job Search
E-Span's Interactive Employment Network
Flipdog Job Search
Federal Government Jobs
Good Jobs First
Google Postings
Hire Knowledge
Hotjobs Job Search
Intelligence careers
Analysts, Engineers, Linguists, Security

Toys''R''Us, Inc. - Careers - About Careers
Clinical Trials,Medical trials,Drug Trials, Medical Research in ,Clinical Research,
Welcome to - Clinical Trials, Medical Trials, Drug Trials, Medical Research, Clinical Research
Troy Custom Detectors Products
Biological Control: A Guide to Natural Enemies in North America
Radio Spectrum
Timeline for Monolithic Dome Construction
Career Builder

Jobs by State

Alabama Jobs
Alaska Jobs
Arizona Jobs
Arkansas Jobs
California Jobs
Colorado Jobs
Connecticut Jobs
Delaware Jobs
Florida Jobs

Georgia Jobs
Hawaii Jobs
Job-Hunt.Org: in Idaho
Idaho Jobs
Illinois Jobs
Indiana Jobs
Iowa Jobs
Kansas Jobs
Kentucky Jobs
Louisiana Jobs
Maine Jobs
Maryland Jobs
Jobs First

Massachusetts Jobs
Michigan Jobs
Minnesota Jobs
Mississippi Jobs
Missouri Jobs
Montana Jobs
Nebraska Jobs
Nevada Jobs
New Hampshire Jobs
New Jersey Jobs
New Mexico Jobs
New York Jobs
North Carolina Jobs
North Dakota Jobs
Ohio Jobs
Oklahoma Jobs
Oregon Jobs
Pennsylvania Jobs
Rhode Island Jobs
South Carolina Jobs
South Dakota Jobs
Job-Hunt.Org in Tennessee
Tennessee Jobs
Texas Jobs
Utah Jobs
Vermont Jobs
Virginia Jobs
Washington Jobs
West Virginia Jobs
Wisconsin Jobs
Wisconsin Jobing
Wyoming Jobs
Wyoming Chamber of Commerce

More Jobs by state

JobCircle Career Fair Schedule
events coming up in your area.
Job Web
JONES Networking Associates
Kelly Services
The Leadman Group
MSN Careers
Net temps
Over Seas Jobs Search
PDP Group
Porter Group
Rensselaer Polytechnic
RHI Consulting
The Riley Guide
Snagajob articles Summer-job-hunting
Radio Spectrum

more jobs ----->

Web Site Development

Lesson 1.3
Title and Head, Body and Text

part three + the anchor tag/ELEMENT <a> </a>

By Alain Lareau

    In the Lessons 1.1 and 1.2 HTML was introduced in its version 2.0, then we ended on the topic that I was using HTML version 3.2 to do it. This was done to afford myself the use of the 'font' ELEMENT and the attributes that it can use. So now we will talk about HTML 3.2 and forgive me if I insist on using HTML 4.01 this time because it affords me the ability to use style, but let's stay focused on 'Fonts'.
This Page is HTML 4.01 Transitional and its DTD ( Document type Definition ) looks like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
The DTD is the first line of code, next
the <html> TAG should be the begining of the second line and its pair </html> should be the last line of code in your saved file that is to be your Web Page. This page "The Great Big Website of Jobs" will be the subject of several lessons. In this case we revist the 'Body' ELEMENT, for this page it is:
<body bgcolor="#a0d0f0" text="#663366" link="#000099" vlink="#336699"> ... </body>
When we say ELEMENT instead of TAG it may be because we mean the whole thing,
- the tags and the contents between them. If you get far enough in the lessons that you become interested
in learning JavaScript this concept of the ELEMENT will be important. So, as I am preparing you to form
your own .html template, a good time saver to start new web pages,
let's look at each part of that 'body' ELEMENT.
In it four default colors are reset to new values. The background color, the color of the text, the color for the
Hyper Text, and the links visited already take a different color to distinguish them.

    The HTML 3.2 specification which we are talking about now introduces new ELEMENTS.
Font is the first of them I wish to show you and the color of the text can be changed there as well.
Here is an example <font color="blue">text</font>
Two other useful attributes assigned to it are: size=" " put ( 1 - 7 ), you saw in lesson 1.2,
and face=" " put the ( font name ), for instance "Arial" or "Comic Sans MS".
The font you see here is the default 'face', which is what you get if no font face value is prescribed, but the size is set to the value 4, with code like this:<p><font size="4">body of paragraph</font></p>
If the 'size' value is not prescribed in a 'font' tag the size defaults to size 3.
This page, 'The Great Big Website of Jobs' did not begin with a 'header', I used a large font (size 7) instead.

This is the code: - I have indented it, - nested it to help
you see the relationships - don't overlook that the text is made
both bold and italic
and the closing tags must come in the right order.
<div align="center">
  <font size="7" face="Arial">
        <a name="top">
The Great Big Website of Jobs</a>

While we are on the subject let's look at the next bit of code as well.

<div align="center">
  <font size="5" color="#800040" face="Comic Sans MS">
    <span style='font-size:24.0pt; font-family:"Comic Sans MS"'>
Online Jobs First - Job Hunt Club
  <font size="2" color="#601080" face="Comic Sans MS"><br>
    <a href="">
Vote digg it
  <p align="right">
    <font size="1">
      <a href="003.html#d3">
go to lesson 1.3</a>

So what is the first thing you notice about this new HTML 3.2 code? Is it the new tag <div> ?

OK and the font tag has two attributes size and face,
values "7" & "Arial"

The next thing, see the <a> tag, with has a name attribute with a value of "top", this is the 'anchor' for the URL of the link below.
"The Great Big Website of Jobs"
<a href="003.html#top">

Did you catch that? It was done with tags <u>#top</u>.

Now the 'font' tag again and
a new one 'span'
( sorry coudn't help my self),
a little reduncy here, done just for show. Please take note of the 'syle' attribute in the 'span' tag and the way information is plugged in has a different format.

Now the <a> tag again and the hashtag/pound sign just after the .htm, this is the pointer to the anchor. The anchor is set in the header
Web Site Development at the top of the lesson.

    This the code for the 'header' that holds the anchor:
<a name="d3"><h1 align="center"><br>Web Site Development</h1></a>
,,that the 'go to lesson 1.3' link points to.
There's that <u> tag again.    ';-)

Style-in Head, this page used for lesson 1.3

em { color:black; 
  font-weight:bold }
h1 { color:black }

Design notes, this page

background color for page
'bgcolor' attribute set in 'body' tag
general text color
'text' attribute set in 'body' tag
color for links (hot spots) hyper text
'link' attribute set in 'body' tag
color for links visited
'vlink' attribute set in 'body' tag
the fake header
size 7, face Arial set in 'font' tag; color left as set in 'body' tag
employment of ELEMENT <b>, </b> tags
employment of ELEMENT <i>, </i> tags
the fake subheader
size 5, face Comic Sans MS, color #800040 set in 'font' tag
style 'font-size:24.0pt; font-family:"Comic Sans MS"' set in 'span' tag>
background color of table sidebars
bgcolor value #D8F8D8 set in 'td' tag
general text in lesson
size 4 set in 'font' tag nested in 'p' or 'div' tags, face value left at default
sidebar text in lesson ( lower sidebar )
size 2, face Comic Sans MS, color #800040 set with 'font' tag
style 'font-size:11pt;font-family:"Comic Sans MS"' set with 'span' tag
employment of ELEMENT <b>, </b> tags
special text in lesson (code display)
employment of ELEMENT <em>, </em> tags
with style change in head - em { color:black; font-weight:bold }
other special text in lesson (underlined)
employment of ELEMENT <u>, </u> tags
the 'h1 header' in lesson
with style change in head - h1 { color:black }

Don't get ahead of yourself ---- Follow the lesson plan --- - - - - - - ------ Next Lesson

Web Site Development

Lesson 3.2
Revamp the code of old pages - Practical exercize with Lists - Introduction to DHTML
Wigets - Applets - Javascript, PHP

By Alain Lareau

View this page revamp at top

The 'body' tag still controls link and visited link color.

While the style rule for body now defaults non-specified text with a 'font-family' property.

We set a style rule for 'body'
that mimics some of the attributes already used
in the body tag, but we do not change the body tag.


DTD HTML 2.0 Strict Level 2
DTD HTML 3.2 Final
DTD HTML 4.01 Transitional
DTD HTML 5, and new 5.2

This page is set in the DTD HTML 4.01 Transitional/ schema and its validation is ,, forgiving.
On this page a set of Hand Coding HTML lessons, ->> Lesson 1.3 go here     Lesson 3.2 go here     and Lesson 4.1 go here <-- conjoin upon a Job Hunting, Employment Search theme.
While for this lesson (3.2) the focus remains on HTML List Code, we can explore the task of updating pages with a view to how the HTML has evolved. So the idea is not to teach old HTML but instead get you experience with the newest code and help you recognize the needed changes in old pages that you might encounter. That is if you want them (the pages) to validate at W3C ( All Standards and Drafts

----818 wide


test the h4 header



test the h4 header

---open, no table




---520 wide

Style-in Head, this page used for lesson 3.2

body {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #663366;
  background-color: #a0d0f0 }
em { 
  font-weight: bold }
h1, h2 { 
  text-align: center; 
  color: black }
div#newtop { 
  font-size: 48pt; 
  color: black; 
  text-align: center; 
  font-family: Arial; 
  font-weight: bold; 
  font-style: italic }
p.intro {
  font-size: 14pt; 
  margin-left: 8em; 
  margin-right: 8em; 
  text-align: left; 
  color: #334455 }
p.lesson {
  font-size: 14pt; 
  margin-left: 5em; 
  margin-right: 5em; 
  text-align: left; 
  color: #334455 }
p.lesson span { 
  color: black }
p.list {
  font-size: 14pt; 
  color: #cc3333; 
  margin-left: 6em ;
  text-align: left } { 
  font-weight: bold }


--------- Next Lesson

Web Site Development

Lesson 4.1
Images on the Page - HTML5 Layout Methods

part three + the anchor tag/ELEMENT <a> </a>

By Alain Lareau

So you would like to tackle that 'Image" tag now

Cogatultiu're ready to rhat's Neck out your site's new Jobs Page. View it here.tomize your Job Boarct corage here.dd ere.mpletd now.


January 30, 2009
Rep. Marci Kaptur stands up for her constituents,
says stay put!

YouTube comments blog

--------- Next Lesson

Copyright © 2010 - Alain Lareau
All Rights Reserved unless with Writen Request. this page A03B