bembry.org
Home / Technology / Web_development / Html

Web Programming Class Outline

  • Concepts and Page Setup
    -- Initial concepts for programming a web page (<html>, <head>, <body>)
    Exercise 1Exercise 2
  • Body Basics
    -- Basic tags used in laying out the body of a web page (<p>, <h1>...<h6>, <b>, <i>, <u>, <br>, <hr>)
    Exercise 1Exercise 2
  • Elements of Style
    -- Introduction to CSS concepts and attributes. (Using <style>, tag in the header, defining color, background-color, and font attributes for html markers).
    Exercise 1Exercise 2
  • Lists
    -- Creating lists with <ul>, <ol>, <li>, <dd>, <dt>, and <dd>. Also, style properties for use with lists.
    Exercise 1Exercise 2Exercise 3
  • Fine Tuning CSS
    -- Using <div> and <span>, creating classes to specifiy style sections.
  • Links
    -- Using <a href=""> to create links to same-site pages, external web pages, and mailto: links.
  • Fancy Links
    -- Applying CSS attributes to links, including the pseudo-class a:hover and the attributes for text-decoration.
  • External Stylesheets
    -- Sharing style formats throughout a site using a .css file.
  • Images
    -- Adding pictures to a page using <img src=""> tag, using images as links, and sizing images, and simple mouse-over effects.
  • Tables
    -- Controlling page layout with tables (<table>, <tr>, <td>).
Restricted access