A very simple HTML document How text inside paragraphs is displayed More paragraphs The use of line breaks Poem problems (some problems with HTML formatting) Heading tags Center aligned heading Insert a horizontal rule Comments in the HTML source Add a background color Add a background image
Formatting Text
Text formatting Preformatted text (how to control line breaks and spaces) Different computer-output tags Insert an address Abbreviations and acronyms Long and short quotations How to mark deleted and inserted text
Character Entities
Character Entities practice
Links
How to create hyperlinks Set an image as a link Open a link in a new browser window Jump to another part of a document (on the same page) Break out of a frame How to link to a mail message (will only work if you have mail installed)
Frames
How to create a vertical frameset with 3 different documents How to create a horizontal frameset with 3 different documents How to mix a frameset in rows and columns How to create a navigation frame Inline frame (a frame inside an HTML page) Jump to a specified section within a frame Jump to a specified section with frame navigation
Tables
Simple tables Different table borders Table with no borders
Tables (cont.)
Headings in a table Empty cells Table cells that span more than one row/column Tags inside a table Cell padding (control the white space between cell content and the borders Cell spacing (control the distance between cells) Add a background color or a background image to a table Add a background color or a background image to a table cell Align the content in a table cell Day 5 [summary]
Lists
An unordered list An ordered list Different types of ordered lists Different types of unordered Lists Nested list Definition list
Fonts
Fonts exercise
Fonts (through Style sheets)
Set the font of text Set the font size of text Set the font color of text Set the font, font size, and font color of text
Images
Insert images Insert images from another folder or another server Align an image within a text Let the image float to the left/right of a paragraph Adjust images to different sizes Display an alternate text for an image (if the browser can't load images) Make a hyperlink of an image
Forms and Input
How to create input fields Password fields Checkboxes Radiobuttons Simple drop-down box (a selectable list) Another drop-down box with a pre-selected value Textarea (a multi-line text input field) Create a button Draw a border with a caption around data Form with an input field and a submit button Form with checkboxes and a submit button Form with radiobuttons and a submit button Send an email from a form
Styles
Styles in the head section of an HTML document Link that is not underlined Link to an external style sheet
The Meta Tag
Document description Document keywords Redirect a user to another URL