HTML and CSS Reference
In-Depth Information
Going deeper into the full syntax in a single diagram is unreasonable to present. Just as
an example, take the
p
element and continue to expand, keeping in mind that these
elements will also loop back on each other and expand out as well:
p
type text
big
abbr
a
small
acronym
br
em
sub
span
strong
sup
bdo
dfn
input*
map
code
select*
object
q
textarea*
img
samp
label*
tt
kbd
button*
i
var
<!-- -->
b
cite
(*) when the element is ultimately a descendent of a form element
While it might be difficult to meaningfully present the entire syntax of HTML
graphically in a diagram, the diagram presented here should drive home the point that
HTML is quite structured and the details of how elements may be used are quite clear. Now
that you have some insight into the syntax of markup, the next section discusses how
browsers deal with it.
Browsers and (X)HTML
When a browser reads a marked-up document, such as the “hello world” example
repeated here,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
Hello HTML World
</title>
<!-- Simple hello world in HTML 4.01 strict example -->
</head>
<body>
<h1>
Welcome to the World of HTML
</h1>
