htmltutor2006

“Tell me and I'll forget; show me and I may remember; involve me and I'll understand” - Chinese Proverb

Web Class October

html tutor

Learning HTML By Example

Basic Tags	Basic Tags 1. A very simple HTML document
	2. How text inside paragraphs is displayed <p> text </p> This is text in your paragraph. This is also text in your paragraph. This is more text in your paragraph. Paragraph elements are defined by the p tag.
	3. More paragraphs
	4. The use of line breaks
	5. Heading tags 1= largest 6= smallest This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.
	6. Center align headings <h1 align="center">This is heading 1</h1>
	7. Insert a Horizontal Rule This is a paragraph
	8. Adding Comments to your web site This is a regular paragraph use this html code to hide comments <!--This comment will not be displayed--> -------------------------- this statement will be displayed <p>this is a paragraph</p>
	9. Adding a background color
	10. How to add a Background Image
Format	Formatting Test
	11. how to format text for your web site
	12. How to Preformat text
	13. Long and short quotations
	14. How to Mark Delete and Insert Text
Links	How to create LINKS
	15.How to create a hyperlink This text is a link to a page on the World Wide Web.
	16. How to open a link in a new browser
	17. How to create and anchor link
	18. Break out of a frame
	19. How to link to a mail message
Tables	Tables
	20. Create A simple Table
	21. Learn how to create different Table borders
	22. Create tables without borders
	23. Put headings in a table
	24. Create empty cells in a table
	25. Create a table with a caption
	26. Table cells that span more than one table row
	27 . Tags inside a table
	28. Cell Padding
	29. Cell spacing in a table
	30. add a background color to your table
	31. Add a background image to your table
	32. Align the content in your table
	33. Table Frames
LIST	LIST
	34. Unordered list with bullets An Unordered List: Coffee Tea Milk
	35. Ordered list with numbers An Ordered List: sugar cream salt
	36. List with numbers or letters
	37. Another type of unordered list circles squares etc
	38. Nested list
	39. Nested list 2
	40. Definition list
Forms	Forms and Input text
	41. Forms how to create an input field
	42. How to create a password field
	43. How to create a checkbox
	44. How to create a radio box Student: Teacher:
	45. How to create a drop down box
	46. Dropdown box 2
	47. How to create a textarea
	48. How to create a button
	49. Draw a border around an input form
	50. Build a form with an input box and submit button Male: Female:
	51. Form with check box and submit button
	52. Form with a radio and submit button
	53. Send a mail form This form sends an e-mail to docmay Name: Mail: Comment:
IMAGES	IMAGES
	54. Insert an image <img src="constr4.gif" width="144" height="50">
	55. Insert an image from another computer or folder
	56. Align an image within a text field
	57. Float the image to the left or right of a paragraph
	58. Adjust images to different sizes
	59. Display alternate text for your images
	60. Make Hyperlink of an image
	61. create an image map
Style	STYLE
	62. Using styles in the head section
	63. A link-- without underline
	64. Link to an external style sheet
	The Head Section
	65. The head section set title of your document
	66. One target for all links on site
META Tags	META TAGS
	67. document description
	68. Document keywords
	69. Redirect a user to another url
Script	SCRIPT
	70. Insert a script
	71. Handle browsers that do not handle Script

Back to main page

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

An Unordered List:

An Ordered List:

This form sends an e-mail to docmay