HTML examples.

• Introduction to HTML.
  • Paragraph (<p> tag)
  • Horizontal rule (<hr> tag)
  • Preformatted text(<pre> tag)
  • Headers (<h> tag)
  • Visual tool to play with text formatting tags.
• Images.
  • Inserting an image (no additional parameters)
  • Parameter align
  • Image and text. Parameter clear of the tag <br>
  • Parameter width
  • Parameters hspace and vspace
  • Parameter border
  • Making image a link
  • Switching images with JavaScript
• Tables.
  • Simplest table
  • Table parameter border
  • Table parameters cellpadding and cellspacing
  • Tag caption
  • Parameter width of the tag table
  • Parameter align of tag table
  • Parameters width, align, and valign of tag td
  • Parameter bgcolor
  • Combining cells together. Parameters colspan and rowspan
  • Nested tables
  • Parameter height of tag td
• Forms.
  • textarea.
  • select.
  • button.
  • Different types of input.
• Sounds.
  • Background sound.
  • Embedded sound.
  • Another way to use background sound.
• Cascading Style Sheets
  • Modifying INPUT element with CSS
  • Z-index.
  • Filters.
  • Pseudo-classe a:link.
  • Pseudo-classe a:visited.
  • Pseudo-element :hover.
  • Pseudo-element :first-letter.
  • Including CSS in HTML documents:
    • Original document.
    • Document with embedded style sheets.
    • Document with external style sheets.
• JavaScript
  • Accessing an eleemnt by ID: getElementById()
  • Changing colors v.1
  • Changing colors v.2 (using function)
  • Changing colors v.3 (interactive)
  • Example of the IE Object Model
  • Event tutor
  • Menu created with a table and another menu created by <div> tags.
  • Pop-up object (hint or menu)
  • Moving pop-up hint
  • Simple form entry validation
  • Small joke that plays with buttons
  • Buttons and text input elements (see for calculator project)
  • Using event object to watch keyboard input
  • Using event object to control keyboard input (see for calculator project)
  • Object is moving with the mouse cursor (properties of the event object)
  • Activation and deactivation buttons on-fly
  • Flash light
  • Short illustration to the calculator algorihm
  • Window opener. Illustrates parameters of the method open()
  • Parent and child windows control each other
  • Simple JS clock. Measure how much time user spent on the page
  • Moving line. Combining string methods and timer together.
  • Regular expression search
  • Using regular expression to understand dates
  • Regular expression replacement
  • Validating form entry