分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

html的列表标签

发布时间:2023-09-06 02:15责任编辑:胡小海关键词:暂无标签

列表一般应用在布局中的新闻标题列表和文章标题列表以及网页菜单等。

例如这个就是一个列表:

列表标签有几种,分别是有序列表,无序列表,定义列表。

  • 有序列表
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<!--有序列表--> ???<ol> ???????<li>有序列表的第一项</li> ???????<li>有序列表的第二项</li> ???????<li>有序列表的第三项</li> ???</ol></body></html>网页效果如下:1.有序列表的第一项2.有序列表的第二项3.有序列表的第三项
  • 无序列表
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<!--无序列表--> ???<ul> ???????<li>无序列表的第一项</li> ???????<li>无序列表的第二项</li> ???????<li>无序列表的第三项</li> ???</ul></body></html>网页效果如下:·有序列表的第一项·有序列表的第二项·有序列表的第三项
  • 定义列表
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<dl> ???????<dt>html</dt> ???????????<dd>html是超文本标记语言,用于声明网页的内容和网页的结构</dd> ???</dl></body></html>网页效果如下:html ??????html是超文本标记语言,用于声明网页的内容和网页的结构

列表中还可以有列表,也就是列表的嵌套。上面的三种列表都可以嵌套。

下面用定义列表嵌套进行演示:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<dl> ???????<dt>html</dt> ???????????<dd>html是超文本标记语言,用于声明网页的内容和网页的结构</dd> ???????<dt>css</dt> ???????????<dd>css是层叠样式表,用于声明网页的外观和样式</dd> ???</dl></body></html>网页效果如下:html ?????html是超文本标记语言,用于声明网页的内容和网页的结构css ?????css是层叠样式表,用于声明网页的外观和样式

html的列表标签

原文地址:https://www.cnblogs.com/chichung/p/9663366.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved