1. Introduction to HTML II Shih-Heng Chin

2. Preface Structure of a HTML File Elements used frequently Tables

3. Structure of a HTML File (HTML Version Information) Head Title Meta Data Body

4. Important Meta Data Content-type Type Charset Refresh

5. Example Home - Web Hi

6. Result

7. Elements Used Frequently Text: FONT, B, I Paragraph: P, BR, PRE. ❋ Space characters (Block: DIV, SPAN) List: OL, UL, LI Figure: IMG Hyperlink: A

8. Structure of A Tag Element name: BODY Attribute: Name: bgcolor Value: #FFFFFF Start tag: End tag:

9. Attribute of FONT size Value: 1, 2, 3, 4, 5, 6, 7 +n or -n color face

10. Example of FONT 3 5 7 6

11. B, I B Text in Bold Font I Text in Italic Font

12. P, BR P Form a paragraph BR Add a line break Start tag only, there isn’t

13. PRE and Space Characters In HTML, all continued space characters, include space and tab, are merged into one space only. Use PRE to control space character manually.

14. Example of PRE Without PRE: int main(void) { return 0; } With PRE: int main(void) { return 0; }

15. List - OL, UL, LI OL Ordered lists UL Unordered lists LI List items

16. Example of List Project Name Team Member Timeline CD LD DVD

17. Attributes of IMG src - Location of image file, URI (protocol://host/folder/resouse) width height alt - Text for user can’t display images border Start tag only

18. Attributes of A href target Frame id Window id _blank, _top, _parent, _self

19. Tables Basic Table Structure Merge cells

20. Basic Table Structure Cell Row Table

21. Table Elements TABLE Row: TR Cell: TD, TH

22. Attribute of TABLE bgcolor border width, height cellspacing cellpadding

23. width, height of TABLE pixels width=”300” percent width=”90%”

24. border, cellspacing, cellpadding border cellspacing cellpadding

25. Example of TABLE 1 2 3 4 5 6 7 8 9 123 4 56 789

26. Merge Cells Attributes of TD rowspan Merge cells in the same column colspan Merge cells in the same row

27. Example of Merging Cells 1 3 4 5 6 7 8 13 4 56 78