最新更新主题

HTML初级教程 列表

字体: 小 中 大 | 打印 发表于: 2008-3-03 01:46    作者: 工友    来源: 素材库

有三种类型的列表：无序、有序和定义列表。首先我们来学习前两种，在HTML中级指南中学习定义列表。

为你的代码增加以下东西：

CODE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>我的第一个网页</h1>
<h2>这是什么</h2>
<p>用HTML组合起来的简单网页</p>
<h2>目的</h2>
<ul>
<li>学习HTML</li>
<li>显摆，炫耀</li>
<li>因为我已经爱上了我的电脑，我想给她点HTML爱情调料。</li>
</ul>
</body>
</html> 在浏览器中查看，你会看到有项目符号（比如方块）的列表。把ul改成ol后项目符号会变成编号，字母的或者数字的。

列表里当然可以包含列表，形成有等级层次的嵌套列表。

用下面的代码代替：

CODE:

<ul>
<li>学习HTML</li>
<li> 显摆，炫耀
<ol>
    <li>向老板</li>
    <li>向朋友</li>
    <li>向我的小猫</li>
    <li>给我脑中多嘴的小鸭子</li>
</ol></li>
<li>因为我已经爱上了我的电脑，我想给她点HTML爱情调料。</li>
</ul>Ay vwah lah。列表里面包含着列表。你可以在这里包含更多的列表，还可以在那里包含更多的列表，等等等等。
我也来说两句 查看全部回复

最新回复

查看全部回复 我也来说两句