Slide 23 - A Tale of Two Documents § Session 01 - The Internet, World Wide Web, Web Browsers

A Tale of Two Documents

XML Syntax

<!DOCTYPE html>
<html lang="en">
<head>
    <title>My Document</title>
</head>
<body>
    <h1>My Document</h1>
    <ul>
        <li>coffee</li>
        <li>tea</li>
    </ul>
    <img src="images/lake.jpg" alt="Lake" />
</body>
</html>

SGML/HTML Syntax

<!DOCTYPE html>
<HEAD>
    <TITLE>My Document</TITLE>
<BODY>
    <H1>My Document</H1>
    <UL>
        <LI>coffee
        <LI>tea
    </UL>
    <IMG SRC=images/lake.jpg ALT="Lake" >

Markup - XML syntax
Validate with Nu Html Checker

Markup - SGML/HTML syntax
Validate with Nu Html Checker

Fairness to the "SGML/HTML" Syntax

Of course, you can use the SGML/HTML syntax and write HTML that looks better. Just because the syntax allows you shorten things and leave out things, doesn't mean you have to.
Like this:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>My Document</title>
</head>
<body>
    <h1>My Document</h1>
    <ul>
        <li>coffee
        <li>tea
    </ul>
    <img src="images/lake.jpg" alt="Lake" >
</body>
</html>

Markup - SGML/HTML syntax
Validate with Nu Html Checker

TOC	« previous \| Slide 23 \| next topic »