HTML and CSS Reference
In-Depth Information
The XHTML code to create the unordered list shown in Figure 2.12 follows:
<h1>Popular Web Servers</h1>
<ul>
<li>Apache Web Server</li>
<li>Microsoft IIS</li>
<li>Sun Java System Web Server</li>
</ul>
Legacy Alert.
You will find many Web pages that use the type attribute to configure
the numbering system of ordered lists and the bullet style of unordered lists. Be aware
that the type attribute is supported in XHTML 1.0 Transitional but is deprecated. In
Chapter 7 you will learn to use Cascading Style Sheets (CSS) to configure ordered and
unordered lists.
HANDS-ON PRACTICE 2.7
In this Hands-On Practice you will use heading tags and lists on the same page. Launch
Notepad or another text editor and type in the following XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Headings and Lists</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<h1>Web Servers and Web Browsers</h1>
<h2>Popular Web Servers</h2>
<ol>
<li>Apache Web Server</li>
<li>Microsoft IIS</li>
<li>Sun Java System Web Server</li>
</ol>
<h2>Popular Web Browsers</h2>
<ul>
<li>Internet Explorer</li>
<li>Firefox</li>
<li>Opera</li>
</ul>
</body>
</html>
Save your file as heading5.html. Launch a browser and test your page. It should look
similar to the page shown in Figure 2.13. You can compare your work with the solution
in the student files (Chapter2/heading5.html).
Search WWH ::
Custom Search