1) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create a simple webpage that properly includes a <!DOCTYPE html> tag, an <html>element, <head> element, <title> element, <body> element, <p> elements, <br> elements, and at least two different types of heading elements. You may include other elements, if you wish.
HTML Introduction
HTML Editors: Follow the instructions in the tutorial.
HTML Basic Examples
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML(5) Style Guide and Coding Conventions
2) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create a simple webpage that properly uses both internal styling and inline styling to change the default background color of the webpage, and default color, font-family, font-size, and horizontal alignment of elements in the webpage. Additionally, please demonstrate your ability to properly use the class attribute.
HTML Styles
HTML Styles - CSS
CSS Selectors
CSS Colors
CSS Color Groups Use this as a reference.
3) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create a simple webpage that properly uses <div> elements and class attributes together, in order to create a consistant layout. Additionally, please demonstrate your ability to properly use the <span> element.
HTML Block and Inline Elements
HTML Classes
HTML Layouts
4) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create a simple webpage that properly uses the background-color, color, text-align, width, height, padding (padding-top, padding-right, padding-bottom, padding-left, and/or padding), float, and clear properties.
CSS Background
CSS Text
CSS Dimension
CSS width Property
CSS height Property
CSS Padding
CSS Layout - float and clear
Example: How the background-color, color, width, padding, float, and clear Properties Can Be Used with Block-Level Elements to Create Webpage Layouts
5) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create a simple webpage that properly includes at least two <a> elements. One of the <a>elements should link to a bookmark within the webpage, and the other should link to a different webpage. One of the <a> elements should have a _blank target value, and the other should have a_top target value. Additionally, properly use the <img>, and <object> elements to include images on your webpage.
HTML Links
HTML Images
HTML Plug-ins