1. Basic HTML

2. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single or coupled tag Tag general format: Single: Double:...

3. Very simple HTML code Simple HTML Hello World

4. More complex code More about HTML Text This is a normal text This is a text (bold) This is a text (italic) This is a text with font = Arial, size = 3, color = Red Please set me to bold, italic, font = Arial, size = 3, color = Red This is a preformatted text

5. Image

6. linked object reference object : Part of text in the same document Other document Image / animation / audio / video Application logic (CGI script) Client script (JavaScript / VBScript) linked object : Text Image Link

7. Table Begin table Begin row Column1, Column2,... End row... End table

8. Table Begin table = End table = Begin row = End row = Column = column content column content : text, image, linked object, etc.

9. Table Table with 2 rows & 3 columns for each row: 1 2 3 4 5 6

10. More complex table #1 There are two rows:...

11. More complex table #1 First row -> two columns Second row -> one column.........

12. More complex table #1 Span two columns for the single column in the second row:.........

13. More complex table #2 There are two rows (max):...

14. More complex table #2......... Column:is the first column in the first row Column:is the second column in the first row Column:is the second column in the second row

15. More complex table #2......... Span two rows for column:

16. More complex table #3 It’s your turn ???

17. Form Begin form Form object components End form

18. Form Begin form = Form object components = Textfiled, Password, Hidden, TextArea, List Box (single/multiple), Radio Button, Check Box, Submit Button, Reset Button, Buttons End form =

19. Form Form object components

20. Form object components Textfield Password Hidden

21. Form object components TextArea Default textarea value

22. List Box (single) Text 1 Text 2... Form object components

23. List Box (multiple selection) Text 1... Form object components

24. Radio Button Text 1 Text 2 Text 3... Check Box Text 1 Text 2 Text 3... Form object components

25. Button, Submit, Reset Form object components

26. Frame Object display multiple HTML doccument simultaneously in the same browser window Why use frame ? provide permanent navigation menu

27. Frame Object General Implementation Begin set of frame frame1 frame2 End set of frame

28. Frame Object Begin set of frame: Frame: End set of frame:

29. Frame Object Example

30. Frame Object Nested frame