HTML and XML Behind Web Authoring Tools

2 Objectives Introduce HTML Learn HTML Step by step Introduce XML

3 Contents of HTML Document Text  Displayed by the browser screen Instructions  Interpreted and executed  Written in HTML elements called tags, which are identified by angle brackets and a keyword (eg, and )

4 Most Basic HTML Tags

5 Basic Structure of an HTML Document header information goes here body of the document goes here

6 Learn HTML Step by Step 1.Headings, horizontal lines, and graphics 2.Using hyperlinks to point to other web sites 3.Using a graphic as a hyperlink continued…

7 Lesson 1: Headings, Horizontal Lines, and Graphics Heading tags Horizontal lines Graphics  GIF (graphics interchange format)  JPEG (Joint Photographic Experts Group)  PNG (Portable Network Graphic)

8 Lesson 1: Headings, Horizontal Lines, and Graphics

9

10 Lesson 2: Using Hyperlinks to Point to Other Web Sites Hyperlinks are created using the HTML anchor tags The link is created with the anchor tag and the link target is created with the anchor tag

11 Lesson 2: Using Hyperlinks to Point to Other Web Sites

12 Lesson 3: Using a Graphic As a Hyperlink

13 Extensible Markup Language Why extensible? HTML tags are fixed, limited (<a href=…) XML extends HTML by offering user- created tags, i.e., a meta-language that defines other languages XML for Web: DHTML is the result of XML being processed by browsers

14 XML: More Than Presentation RSS (Real Simple Syndication): feeds for reader XML for Web service: text documents passed over Web applications that serve others Foundation of SOA (Service Oriented Architecture) SOA: an extension of Enterprise Application Integration

15 Exercises What is HTML? Why do we use it? How to build a graphic hyperlink? Is XML just for Web Presentation?