Course Documents

Current Location: HTML tutorials
[ Top ] : HTML tutorials
	Basic HTML tools Getting started: systems, browsers, and text editors
	Introduction to HTML Basic HTML document structure: HTML, HEAD, BODY, TITLE, H1, and P tags
	Viewing source Every web page is an example, and you can peek under the covers to see how it was done.
	HTML comments Writing comments in your HTML files.
	Introduction to tags (NOT Tag structure. The HTML, B, I, TT, HR, BR, P (unpaired version), and TITLE tags.
	Line breaks More on the <BR> tag.
	Controlling text size and position The H, FONT, and CENTER tags. Tag attributes: the FONT SIZE attribute.
	Font sizes The FONT SIZE attribute: absolute and relative font sizes.
	Aligning text The P align attribute.
	Font faces You don't have to let the browser choose your font: the FONT FACE attribute.
	Controlling font faces & colors FONT FACE and COLOR attributes
	Preformatted text The PRE tag
	Page backgrounds HTML20page20structure ( 382 Bytes ) The BODY tag: BGCOLOR and BACKGROUND attributes.
	Colored text Changing full-page text colors: the BODY TEXT LINK ALINK and VLINK attributes. Coloring individual characters, words, and text fragments: the FONT COLOR attribute.
	Introduction to HTML images Image formats: jpg, gif, bmp. IMG tag; SRC and BORDER attributes. Image links.
	Image borders The IMG BORDER attribute.
	Image manipulation Mixing images and text. The IMG ALIGN attribute: RIGHT, TOP, MIDDLE, and BOTTOM values for alignment. Sizing images: the IMG HEIGHT and WIDTH attributes. Thick rules: the HR WIDTH attribute (absolute and percentage).
	Links The A tag and A HREF attribute.
	HTML links Hypertext (absolute) links to other pages: the A tag. E-mail links.
	Popping up a new window How to make a new window appear when you click on a link: the A TARGET attribute
	Introduction to lists A nice simple introduction to lists: the OL, UL, DL, LI, DT, and DD tags.
	Ordered lists The OL, LI, and LI type attribute.
	Unordered lists The UL & LI tags, and LI type attributes.
	Indentation & Lists Indenting text ( ) and creating lists: the UL, OL, DL, LI, DT, and DD tags, and the TYPE and START attributes.
	Introduction to Tables Table basics: the TABLE, CAPTION, TR, and TD commands. The TABLE BORDER, CELLSPACING, and CELLPADDING attributes. The TD ALIGN attribute. Putting images & links inside tables.
	Tables spans & widths The TD COLSPAN and ROWSPAN attributes; the TABLE WIDTH attribute
	Basic tables A nice introduction to basic tables. The TABLE, TR, and TD tags; the TD ROWSPAN and COLSPAN attributes.
	Table alignment & spacing The TD ALIGN & VALIGN attribute. The TABLE CELLPADDING & CELLSPACING attributes.
	Nesting tables inside tables No new tags, just a technique
	Using tables to build a calendar Read this for a good example of how to build a fairly complex table
	Coloring table cells Background colors in table cells: the TD BGCOLOR attribute
	Tables: an alternative introduction An alternative introduction to tables, less wordy. Covers full-table background coloring and using images as table backgrounds.
	An introduction to HTML frames A nice, common-sense introduction to frames. No tags at all.
	Frame structure Following on from the "picnic" example: the FRAMESET and FRAME tags; the FRAME SRC and NAME attributes.
	Linking in framesets Using those frame names to create an interactive application.
	Frames: the basic concept FRAMESETs and FRAMEs and a few of their attributes
	Comprehensive FRAMES tutorial A really nice frames tutorial which covers pretty much all of what's in these other tutorials. Ignore the Javascript section for now.
	Introduction to frames Frames allow you to divide your page into independent rectangles. The FRAMESET and FRAME tags; FRAMESET COLS and ROWS attributes; FRAME SRC and NAME attributes; the A TARGET attribute
	Advanced frame attributes Lots of frame attributes: SCROLLING, NORESIZE, BORDER, FRAMESPACING, MARGINHEIGHT, MARGINWIDTH
	Customizing frames The FRAME NORESIZE, SCROLLING, MARGINWIDTH, and MARGINHEIGHT attributes.
	Colored frame borders The FRAMESET BORDERCOLOR attribute
	HTML forms HTML forms provide the basis for user interaction. The FORM, INPUT, TEXTAREA, SELECT, and OPTION tags, and lots of attributes to go with them.
	Forms: comprehensive & brief A very comprehensive reference on forms.