1. Technology

Free Web Template: Hierarchical Outline in HTML and CSS

By

1 of 3

Details of the Hierarchical Outline in HTML and CSS Free Web Template
Screen shot of Hierarchical Outline in HTML and CSS Free Web Template

Screen shot of Hierarchical Outline in HTML and CSS Free Web Template

Screen shot by J Kyrnin

About the Hierarchical Outline in HTML and CSS Free Web Template

If you are in college you may be asked to write an outline for a term paper. You can do this with HTML and CSS and put your outline on a web page. But the HTML can get very complicated. This free template has up to five levels in an outline using roman numerals, letters and numbers for each section.

  • Doctype: XHTML 1.0 Strict
  • SEO Support: Uses only HTML and CSS, so the SEO is good.
  • 5 outline levels
  • Uppercase roman numerals (I, II, III), uppercase alphabet (A, B, C), numerals (1, 2, 3), lowercase roman numerals (i, ii, iii), and lowercase alphabet (a, b, c)

See The Template

Scroll down for instructions on how to get the files for this template.

The Hierarchical Outline in HTML and CSS Free Web Template Works in Browsers

Windows

  • Chrome 1
  • Firefox and Mozilla 1, 2, and 3
  • Internet Explorer 6, 7, and 8
  • Opera 8.5, 9, and 10
  • Safari 3, 4, and 5

Macintosh

  • Firefox and Mozilla 1, 2, and 3
  • Netscape 7
  • Opera 9 and 10
  • Safari 1, 2, 3, 4, and 5

How To Use the Hierarchical Outline in HTML and CSS Free Web Template

  1. Copy the HTML into a file in your website directory
  2. Copy the CSS into a document named styles.css and save it to the same directory as the HTML file
  3. Don’t forget to add a title to the page
  4. Publish all documents to the same directory on your web server or hosting provider (HTML page, image, and CSS file)
  5. If you want to add design changes — add your styles to styles.css or create and link to another CSS file

The Hierarchical Outline in HTML and CSS Free Web Template Files

More Free Web Templates

Terms of Use

You are free to use any of the free web templates here for personal or commercial designs, either in print or on the web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another website, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 09/24/2010.

©2014 About.com. All rights reserved.