简单搭建网站
从零开始学习

html列表

网页上的列表大家应该都是见到过的,有一些特定类容用来用列表来排列,比如一个文章的分类,就可以把文章排列出来会更加直观,列表的样式也有很多,我也不说太多了,反正大家看到效果就知道该怎么用了

还不了解html是什么的看下面文章了解一下(下面这就是列表)

无序列表

  • <ul> 定义无序列表
  • <li> 定义列表项
#无序列表#
<ul>
<li>列表一</li>
<li>列表二</li>
</ul>

无序列表演示

提示:你可以先修改部分代码再运行。

有序列表

  1. <ol> 定义有序列表
  2. <li> 定义列表项
  3. start 定义从多少数开始
#有序列表#
<ol>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ol>

有序列表演示

提示:你可以先修改部分代码再运行。

自定义列表

dl
定义列表
dt
定义列表项
dd
定义列表描述
<dl>
<dt>列表一</dt>
<dd>列表一描述</dd>
<dt>列表二</dt>
<dd>列表二描述</dd>
</dl>

自定义列表演示

提示:你可以先修改部分代码再运行。

上面没一个列表类别下面我都是用的对应列表给大家展示的,列表本身里面的类容你可以自己改变,不一定是文字,可以用图片和其它标签,甚至你感觉高兴的话你可以在列表当中再嵌入一个列表

#列表嵌入列表#
<ul>
<li>列表一</li>
<li>列表二
<ul>
<li>嵌入列表一</li>
<li>嵌入列表二</li>
</ul>
</li>
<li>列表三</li>
</ul>

感觉好玩你们可以自己在下面框中试一试

提示:你可以先修改部分代码再运行。

列表原本是可以在html中直接改变样子的,但是html5并不支持了,只能用css样式来修改样式,后面讲css样式的时候我会单独写一篇修改列表样式的文章

赞(1) 打赏梁某人
未经允许不得转载:每篇文章都是博主的心血,偷盗文章事最可耻的事情梁某人的个人网站 » html列表

发表评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

梁某人的个人网站

免费云存储免费云存储

靓仔!打赏一元试试看啊

支付宝扫一扫打赏

微信扫一扫打赏