如何用标签多级嵌套

 时间:2026-02-15 03:23:18

1、文件基本结构如下:

<html>

<head>

<title>一个普通列表</title>

</head>

<html>

<head>

<title>一个普通列表</title>

</head>

<body>

</body>

</html>

如何用标签多级嵌套

2、页面部分如下:

<dl>

    <dt>中国城市</dt>

    <dd>

<dl>

   <dt>北京市</dt>

   <dd>海淀区</dd>

   <dd>东城区</dd>

   <dd>西城区</dd>

</dl>

<dl>

   <dt>上海市</dt>

   <dd>浦东区</dd>

   <dd>浦西区 </dd>

</dl>

<dl>

   <dt>广东省</dt>

   <dd>广州市</dd>

   <dd>惠州市</dd>

   <dd>深圳市 </dd>

</dl>

    </dd>

    <dt>美国城市</dt>

    <dd>华盛顿 </dd>

    <dd>芝加哥 </dd>

    <dd>纽约 </dd>

</dl>

如何用标签多级嵌套

3、页面css如下:

text="blue"

如何用标签多级嵌套

4、完整代码如下:

<html>

<head>

<title>一个普通列表</title>

</head>

<body text="blue">

<dl>

    <dt>中国城市</dt>

    <dd>

<dl>

   <dt>北京市</dt>

   <dd>海淀区</dd>

   <dd>东城区</dd>

   <dd>西城区</dd>

</dl>

<dl>

   <dt>上海市</dt>

   <dd>浦东区</dd>

   <dd>浦西区 </dd>

</dl>

<dl>

   <dt>广东省</dt>

   <dd>广州市</dd>

   <dd>惠州市</dd>

   <dd>深圳市 </dd>

</dl>

    </dd>

    <dt>美国城市</dt>

    <dd>华盛顿 </dd>

    <dd>芝加哥 </dd>

    <dd>纽约 </dd>

</dl>

</body>

</html>

如何用标签多级嵌套

5、最终效果图如下:

如何用标签多级嵌套

  • HBuilderX如何在外部资源器中打开#校园分享#
  • css:font-weight设置字体的粗细
  • 如何向Eclipse中导入Android工程
  • 完美志愿网页版使用手册-如何填报志愿
  • 计算机专业大二学生如何找到实习工作?
  • 热门搜索
    手机以旧换新怎么换 中性笔油怎么能洗掉 被开水烫了怎么处理 dnf红字怎么打 难受怎么办 星际争霸怎么玩 恋爱保险怎么买 ppt模板怎么做 醋溜白菜怎么做 淘宝怎么申请退货