1. HTML tutorial part 2 Tables Forms Frames

2. Tables  ALIGN{LEFT, RIGHT, CENTER}  BGCOLOR{#COLORDEF}  BORDER{1-N}  CELLPADDING{1-N}  CELLSPACING{1-N}  WIDTH{1-N, %}  BGCOLOR{#COLORDEF}  ALIGN{LEFT, RIGHT, CENTER, JUSTIFY}  VALIGN{TOP, BOTTOM, MIDDLE, BASELINE}

3. Tables Continued…  ALIGN{LEFT, RIGHT, CENTER, JUSTIFY}  VALIGN{TOP, MIDDLE, BOTTOM, BASELINE}  BGCOLOR{#COLORDEF}  COLSPAN{1-N}  ROWSPAN{1-N}  HEIGHT{1-N}  WIDTH{1-N}

4. Tables Continued… Examples 100 200 300 400 500 600 Name Telephone Bill Gates 555 77 854 555 77 855

5. Tables Continued Examples Name Telephone Bill Gates 555 77 854 555 77 855 First Name: Bill Gates Telephone: 555 77 854 555 77 855

6. Forms  ACTION{URL}  METHOD{GET, POST}  NAME{FORM_NAME} First name: Last name:

7. Forms Continued…  NAME  TYPE{BUTTON, CHECKBOX, PASSWORD, RADIO, SUBMIT, TEXT}  ALIGN{LEFT, RIGHT, TOP, BOTTOM}  MAXLENGTH{1-N}  VALUE{TEXT ON BUTTON, VALUE FOR RADIO BUTTONS AND CHECKBOXES}  CHECKED  DISABLED  READONLY

8. Forms Continued… Examples (Input Type = Text/Password) Username: Password:

9. Forms Continued Examples (Input Type = Checkbox) I have a bike: I have a car:

10. Forms Continued… Examples (Input Type = Radio) Male: Female:

11. Forms Continued… Examples (Input Type = Button/Submit)

12. Forms Continued… Examples (Working Form) Full Name: Student of Batch 2006: Male: Female:

13. Forms Continued…  COLS{1-N}  ROWS{1-N}  NAME{TEXTAREA_NAME}  DISABLED  READONLY

14. Forms Continued… Examples (Text Area) The cat was playing in the garden.

15. Frames  COLS{PIXELS, %, *}  ROWS{PIXELS, %, *}  NAME{FRAME_NAME}  SRC{FRAME_SOURCE}  FRAMEBORDER{0,1}  MARGINHEIGHT{1-N}  MARGINWIDTH{1-N}  NORESIZE  SCROLLING{YES, NO, AUTO}

16. Frames Continued… Examples (Vertical Frames)

17. Frames Continued… Examples (Horizontal Frames)

18. Frames Continued… Examples (Mixed Frames)

19. Frames Continued… Examples (Non Frame Supporting Browsers) Your browser does not handle frames!

20. Frames Continued… Examples (Non-Resizable Frames)

21. Frames Continued… Examples (Navigation Frames) Index.htm … … Contents.htm … Link to Page 1 Link to Page 2 Link to Page 3 …