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