1. April 20023CSG11 Electronic Commerce HTML John Wordsworth Department of Computer Science The University of Reading J.B.Wordsworth@rdg.ac.uk Room 129, Ext 6544

2. April 20023CSG12 Lecture objectives Understand the notion of a markup language: element hierarchy, tags, attributes, and content. Describe some of the facilities of HTML: headings, paragraphs, lists, links, images, tables, frames. Describe the use of a scripting language.

3. April 20023CSG13 A bit of HTML Electronic Commerce Electronic Commerce The increasing use... The subjects to be discussed include: tiered structure of e-commerce systems

4. April 20023CSG14 HTML elements Hierarchy of elements: HTML (html) heading (head) title (title) body (body) heading level 1 (h1) paragraph (p) bulleted list (ul) list item (li) Tags: opening, closing Attributes Content: everything between the opening and closing tags

5. April 20023CSG15 Function of HTML elements  To announce the structure of the HTML document, and the properties of the things in it: This is a bulleted list (ul) This is a link to another document (a)  To say how the browser is to present the element in the browser window: Do this in bold (b) Do this in italic (i)

6. April 20023CSG16 Links To move elsewhere in this document, use the anchor element: Database Design To link to another document, use the anchor element: HTML 4.01 Specification Electronic Commerce >

7. April 20023CSG17 Images To get a picture into the document, use the image element:

8. April 20023CSG18 Tables Abbrev. Authors Titles Publication details DDS Deitel... e-Business... Prentice Hall......

9. April 20023CSG19 Frames (1) Database Design Electronic Commerce Software Engineering John Wordsworth...

10. April 20023CSG110 Frames (2) jbwci.html Courses Database Design Electronic Commerce Software Engineering Contact information John Wordsworth is in room 137, but is usually only in the University on Mondays and Thursdays.

11. April 20023CSG111 JavaScript... HTML 4.01 Specification A programming language imbedded in an HTML document and interpreted by the Web browser Variables, functions, objects, event-handling … Standardised as ECMAScript

12. April 20023CSG112 Key points HTML is a markup language; it uses tags to identify the elements that make up a Web page. HTML supports the use of various types of content: text, images, and links to other Web pages. HTML tables can be used to present information. HTML allows the use of frames to help manage the browser window in a user-friendly fashion. JavaScript can be used to add dynamic content to a page.