B12G
back to Lesson 3.2


Transition;
List to Outline
HTML course, the art of hand coding ,, 21st Century Oneroom Schoolhouse ,, GORC: By Alain Lareau - Copyright © 2017

Web Site Development

Lesson 3.3 ( Lists )
Hand coding for Lists with CSS and CSS2

By Alain Lareau

Pet Projects and Hobbys

  • Electrical Engineering/
    Electronics Technology
  • Mathematics Tutoring
  • HTML
  • Computers
  • Nuclear Power
  • Geometry
  • Music
  • Politics
  • Gardening
  • Cooking
  • Biochemistry

Home Menu - Seven Levels - Days of Week

  1. Income, Employment
  2. The House, Home, Real Estate
  3. Nutrition, Cooking
  4. Education, Science, History
  5. Transportation, Commerce
  6. Politics, Society
  7. Day of Rest, The Spiritual

Developed Layers

  1. Electrical and Electronics
    1. Computers
    2. Internet
      1. Web Hosting
        1. Web dot Com
        2. Tripod
      2. Domain Name Registration
      3. Hand Coding HTML Tutor
        1. HTML Tables
        2. HTML Lists
        3. HTML Text
      4. Validator

Merged Layers

  • Days One and Two
    1. Electrical and Electronics
      1. Computers
      2. Internet
  • Day Three
  • Days Four, Five and Six
    1. Electrical and Electronics
      1. Computers
      2. Internet
  • Day Seven

The obvious point I present is that many groups of links/list items may be situated in more than one place in terms of the Seven Day outline. Moreover the groups of links I collect and share have characteristics both general and specific.

Let's have that Developed Outline again.

Expanded Developed Layers

  1. Computers
    1. Home Networking
    2. A+ Certification and Repair
    3. Programing
  2. Internet
    1. Web Hosting
      1. Web dot Com
      2. Tripod
    2. Domain Name Registration
    3. Hand Coding HTML Tutor
      1. HTML Tables
      2. HTML Lists
      3. HTML Text
    4. Validator

Code for Outline Section

  <ol class="alpha">
  <li>Computers</li>
    <ol class="num">
	<li>Home Networking
	</li>
	<li>A+ Certification and Repair
	</li>
    <li>Programing
    </li>
    </ol>
  </li>
  </ol>
  

Layered Outline Sections

  1. Power Distribution
    1. W
  2. Industrial Controls
    1. W
  3. Solid State Electronics
    1. Units of Measure in Electrical Engineering
  4. Communications
    1. THE BASICS OF FIBER OPTIC CABLE
      (Single-mode multi-mode)
  5. Broadcast
    1. W
  6. Computers
    1. Home Networking
      1. Networking between WindowsXP and Windows95/98/ME
      2. Windows ME BASIC
      3. Windows ME Sharing using Home Network Wizard
      4. Windows XP Internet Connection Sharing
      5. How to set Up a Workgroup or small Home network
      6. How to Network Computers Together Using Windows 98/ME/2000/XP
    2. A+ Certification and Repair
    3. Programing
      1. CGIScript.net :: Automate your website for less!
      2. y
      3. y
  7. Internet
    1. Web Hosting
      1. Web dot Com
      2. Tripod
      3. World's Best Website Hosting ?
      4. Yahoo! Domains: Secure Domain Name Registration
    2. Domain Name Registration
    3. Hand Coding HTML Tutor
      1. HTML Tables
      2. HTML Lists
      3. HTML Text
    4. Validator

As you can see above I have put the opening and closing 'list item' tags
on separate lines. This is a good habit for you to pick up.
This helps to deposit subsumed list in the "Item-ELEMENTt" , enough said.
So now with that code in place I will set in new 'Ordered Lists and items in them.
See right hand cell.The links below are a list from an old bookmark file.
I recommend you go though some of them of them and sort the interesting ones
into your developed layered outline as I will do now, bit by bit,
or hunt through your own bookmarks/Favorites to see if you have
links that you can fit in.
I also recommend that you scope the page source of these/those pages as well.

Many of these links are old, most of the good ones I have shifted in the outline at right.

MyLinkSite
urban dic
Audio Postcard
BMG Music Service: Offer Overview
Unlimited Autoresponders by TrafficWave.net
Helium - Where Knowledge Rules
Gypsies- Roma people - Wikipedia, the free encyclopedia
Request Service/Estimate
Ellis College of New York Institute of Technology - Associates Degrees
Webmaster Forum - Internet Marketing & Search Engine Forums

*


Back to Top

Valid HTML 4.01 Transitional


bin counter B12G

-------------------- Next Lesson


Copyright © 2017 - Alain Lareau
All Rights Reserved unless with Written Request.
alainelj@yahoo.com this page B12G
https://metaphorman.tripod.com/001/lto.html


Linking to validator result

Here is a link to this page in the validator.
(i.e., this validation result)
A tool to make it easier to revalidate this page in the future or to allow others to validate your page,
The URI is ... .../ check?uri=http%3A%2F%2Fmetaphorman.tripod.com%2F001%2Flto.htm"