Introduction to HTML II Shih-Heng Chin

Preface Structure of a HTML File Elements used frequently Tables

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

Important Meta Data Content-type Type Charset Refresh

Example Home - Web Hi

Result

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

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

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

Example of FONT

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

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

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.

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

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

Example of List Project Name Team Member Timeline CD LD DVD

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

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

Tables Basic Table Structure Merge cells

Basic Table Structure Cell Row Table

Table Elements TABLE Row: TR Cell: TD, TH

Attribute of TABLE bgcolor border width, height cellspacing cellpadding

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

border, cellspacing, cellpadding border cellspacing cellpadding

Example of TABLE

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

Example of Merging Cells