Introduction to HTML ShihHeng Chin Deptartment of Computer

  • Slides: 15
Download presentation
Introduction to HTML Shih-Heng Chin Deptartment of Computer and Information Science Soochow University

Introduction to HTML Shih-Heng Chin Deptartment of Computer and Information Science Soochow University

Preface What is HTML Characteristic of HTML Goals of This Semester Useful stuff Reference

Preface What is HTML Characteristic of HTML Goals of This Semester Useful stuff Reference

What is HTML When to use HTML Hypertext Markup Language What is Hypertext What

What is HTML When to use HTML Hypertext Markup Language What is Hypertext What is Markup Language

What is Hypertext is text which contains links to other text. Abstract first from

What is Hypertext is text which contains links to other text. Abstract first from Vannevar Bush in the 1940’s The term coined by Ted Nelson in 1967 First real system, Hyper. Card, created by Bill Atkinson in 1987

What is Markup Language use tags to define format of text Example: <Book> <ISBN>0321204581</ISBN>

What is Markup Language use tags to define format of text Example: <Book> <ISBN>0321204581</ISBN> <Name>Concepts of Programming Languages</Name> </Book>

Timeline of HTML Now 1994 1995 1996 1997 1992 1989 0 2. 2 3.

Timeline of HTML Now 1994 1995 1996 1997 1992 1989 0 2. 2 3. 01 4. L TM XH L TM H L+ TM H n of L TM H l sa o op Pr sio ct e oj er tv Pr irs ef W W Th W

Changes Between Versions HTML to HTML+ Added figures, tables, forms. . HTML to HTML

Changes Between Versions HTML to HTML+ Added figures, tables, forms. . HTML to HTML 2 Added <IMG>, <FORM>, . . . HTML 2 to HTML 3. 2 Added <TABLE>, . . .

Changes Between Versions HTML 3. 2 to HTML 4 Added Style Sheets, Script, .

Changes Between Versions HTML 3. 2 to HTML 4 Added Style Sheets, Script, . . . HTML 4 to XHTML Reformulated in XML

Characteristics of HTML Plain text Tags contain display format of data

Characteristics of HTML Plain text Tags contain display format of data

Plain Text Easy to edit Totally platform independent Use browser to parse it May

Plain Text Easy to edit Totally platform independent Use browser to parse it May get different output with different browsers

Tag Contains Display Format Hard to mine information from data Example: Class CS 101

Tag Contains Display Format Hard to mine information from data Example: Class CS 101 CS 102 ID 90123456 90123457 Name Steven Amy <table> <td>Class</td><td>ID</td><td>Name</td> <td>CS 101</td><td>90123456</td><td>Steven</td> <td>CS 102</td><td>90123457</td><td>Amy</td> </table>

Tag Contains Display Format Hard to change display format dynamically Example: <Hn> tag (n=1

Tag Contains Display Format Hard to change display format dynamically Example: <Hn> tag (n=1 to 7) Existing tags are not enough to present all kinds of documents Use CSS to solve these problems

Goals of This Semester Edit/Create web pages in HTML tags

Goals of This Semester Edit/Create web pages in HTML tags

Useful Stuff Spec/Doc W 3 C (http: //www. w 3 c. org) Text Editor

Useful Stuff Spec/Doc W 3 C (http: //www. w 3 c. org) Text Editor Edit+ (http: //www. editplus. com) WYSIWYG Editor Dreamweaver (http: //www. macromedia. com/)

Reference W 3 C (http: //www. w 3 c. org)

Reference W 3 C (http: //www. w 3 c. org)