简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

html列表快速预览

无忌哥哥
发布： 2018-06-29 10:08:35
原创
1970 人浏览过

列表是一种非常有用的数据展现方式,可以扩展出非常多的有意思的功能,例如导航,布局等。

列表主要有三种:

1. 无序列表:

    标签,必须与
  • 子标签配对使用

    2. 有序列表:

      标签,与
        使用规则一样,可以看作是无序列表的一个特例,实际开发中使用不多

        3. 自定义列表:

        非常像名词解释,用途非常广泛,例如底部导航,内容详情页,联系信息,商品描述等.

        ul有一个属性type,可以设置列表项前面的标记 

        type="disc" 实心小黑点,这是默认一级列表的标记

        type="circle" 空心小圆点,这是二级列表默认标记

        type="square" 实心方块

        <html>
<head>
<meta charset="UTF-8">
<title>1-1.列表快速预览</title>
</head>
<body>
<ul type="square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Bootstrap</li>
</ul>
<hr>
<h4>单身狗的周未</h4>
<ol>
<li>自己请自己看场电影希望有艳遇</li>
<li>购买充气娃娃2个</li>
<!-- 列表是可以嵌套的 -->
<ul>
<li>冰冰款2个</li>
<li>凤姐款1个</li>
</ul>
<li>玩"吃鸡"</li>
<li>为心目中的女主播打Call</li>
</ol>
<hr>
<h4>后端编程语言:</h4>
<dl>
<dt>PHP</dt>
<dd>超文本预处理编程语言</dd>
<dt>MySQL</dt>
<dd>全球最流行的关系型数据库管理工具</dd>
<dt>ThinkPHP5.1</dt>
<dd>国内最流行的中文轻量级PHP开发框架</dd>
</dl>
</body>
</html>
        登录后复制

        以上是html列表快速预览的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html，html列表，html列表标签
来源：php.cn
上一篇：html表格的分区与分组控制 下一篇：html的区块元素
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
导航栏上的CSS底部边框 我有一个导航栏，当悬停列表中的任何项目时，我在底部添加了一条红线，但我想将该红线移到标题下方（例如“服务”），知道如何实现此目的？我在codepen中添加了一个小示例，以便您可以轻...
来自于 2024-04-06 15:04:41
0
2
347
如何从设计生成的数据库表填充 HTML 表格 对RubyonRails和devise非常陌生。我目前正在尝试在HTML页面上填写一个表，该表应列出我的数据库(MYSQL)中学生表的所有记录。<tbody><%...
来自于 2024-04-05 09:13:39
0
1
2491
如何使用CSS选择器来定位包含特定属性或标签的div元素？ 我正在使用一个生成网站的POS系统。大部分代码是专有的，因此我无法编辑很多内容。我有一个输出的类别列表，其中一些图像作为类别浮动。我想隐藏主页上列出的前3个。我尝试使用div:nt...
来自于 2024-04-03 22:25:59
0
1
277
在div中使用正则表达式替换HTML并添加间距 您好，我希望帮助创建一个替换所有html标签的正则表达式，但是当结束div和开始div彼此相邻时，它会添加一个空格，例如此<b>is</b><div&...
来自于 2024-04-02 11:28:02
0
1
420
Linux Bash：轻松删除 HTML 表数据块 我有一个使用bash脚本处理的html文件，并且想要删除空表。该文件是从sql语句生成的，但在未找到记录时包含表头。我想删除没有找到记录的标题。<tableborder=&q...
来自于 2024-04-02 09:13:43
0
1
332
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！