html and xml behind web authoring tools. 2 objectives introduce html learn html step by step...

15
HTML and XML Behind Web Authoring Tools

Upload: marylou-day

Post on 30-Dec-2015

230 views

Category:

Documents


1 download

TRANSCRIPT

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, <HEAD> and </HEAD>)

4

Most Basic HTML Tags

5

Basic Structure of an HTML Document<HTML><HEAD>

header information goes here</HEAD><BODY>

body of the document goes here</BODY>

</HTML>

6

Learn HTML Step by Step1. Headings, horizontal lines, and

graphics2. Using hyperlinks to point to other

web sites3. Using a graphic as a hyperlink

continued…

7

Lesson 1: Headings, Horizontal Lines, and Graphics Heading tags <H#> Horizontal lines <HR> Graphics

GIF (graphics interchange format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphic)

8

Lesson 1: Headings, Horizontal Lines, and Graphics

9

Lesson 1: Headings, Horizontal Lines, and Graphics

10

Lesson 2: Using Hyperlinks to Point to Other Web Sites Hyperlinks are created using the

HTML anchor tags <A> The link is created with the <A

HREF> anchor tag and the link target is created with the <A NAME> 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?