SGML and HTML

What is HTML?

Why HTML?

What is HTML?

World Wide Web Consortium (W3C)

HTML Tags

Displaying HTML

Displaying HTML

Displaying HTML

Displaying HTML

HTML Tags

HTML Tags

HTML Tags

HTML Tags

HTML Tags

Minimum HTML Document

"<html"

"Horse Injuries"

Deprecated Tags and Attributes

Deprecated Tags and Attributes

Body Element Attributes
(Deprecated)

Body Element Attributes
(Deprecated)

Physical Formatting (Deprecated)

Physical Formatting (Deprecated)

Deprecated Elements (Tags) & Attributes

CSS for Deprecated HTML Attributes

Special Characters

Comments

XHTML
W3C Recommendation

HTML Limitations

HTML Limitations

XML

XML and HTML

XML and HTML

XML and HTML

XML and HTML

XML and XHTML

Relaunch of HTML Development

Relaunch of HTML Development

What about XHTML?

What about XHTML?

XHTML
Document Structure

XHTML—
Document Type Definitions

XHTML—
Namespace Declaration

XHTML
Document Structure

Minimal XHTML Document

XHTML and HTML Differences
Lower Case Tags and Attributes

XHTML and HTML Differences
Elements must properly nest

XHTML and HTML Differences
Non-empty Elements Must Close

XHTML and HTML Differences
Empty Elements Must Close

XHTML and HTML Differences
Attribute Values Must be Quoted

XHTML and HTML Differences
All Attributes Must Have Values

XHTML and HTML Differences
Encode all < and & Characters

Structural Element Tags

Heading Tags

Heading Tags

Paragraph Tag

Break Tag

Break Tag (continued)

Break Tag (continued)

Horizontal Rule Tag

Horizontal Rule Tag

Text Formatting—
Logical Formatting

Text Formatting—
Physical Formatting

Preformatted Text

Preformatted Text

Preformatted Text

Text Blocks

Ordered (Numbered) Lists

Unordered Lists

Definition Lists

Definition Lists (continued)

Link to File on the Same Machine in the Same Directory

Link to File on the Same Machine in a Different Directory

Link to File on a Different Machine

Slide 76

Link from One Part of a Document to Another Part of the Same Document

Link from One Part of a Document to Another Part of the Same Document

Link to E-mail Client

Inline Images

Inline Images

Inline Images – Width & Height

Inline Images – Align=Left
(Deprecated)

"<p><img src=“..."

Inline Images – Align=Right
(Deprecated)

"<p><img src=“..."

"<p><img src=“..."

Inline Images – Align & <br>
(Deprecated)

Slide 89

Inline Images – Hspace/Vspace
(Deprecated)

Inline Images
(Deprecated align & space attributes)

Inline Image as a Link

Tables

Tables

Tables

<TABLE> Tags

<TABLE> Tags

Table Row Tags

Table Data Tags

Table Header Tags

Coloring Tables via bgcolor
(Deprecated)

Caption Tags

Column and Row Spanning

Colspan Example

Colspan Example—HTML