下面了解关于HTML5列表的制作和块:如下图
列表分为有序列表,无序列表,嵌套列表,自定义列表,我们可以一一尝试输出,对比,给出代码如下:
无序列表:<br/>
disc:实体圆 circle:空心圆 square:方块实体
<ul type="square">
<li>w</li>
<li>x</li>
<li>c</li>
</ul>
有序列表:<br/>
使用type更改样式 start 来确定开始是多少
<ol start="10" type="I">
<li>w</li>
<li>x</li>
<li>c</li>
</ol>
嵌套列表:
<ul>
<li>数字</li>
<ul>
<li>1</li>
<li>2</li>
</ul>
<li>人</li>
<ul>
<li>中国人</li>
</ul>
</ul>
自定义列表:
<dl>
<dt>你好</dt>
<dd> 嘿嘿</dd>
<dt>你好</dt>
<dd>哈哈</dd>
<dt>你好</dt>
<dd>哦哦哦</dd>
</dl>
我们可以根据上述代码运行:得出如下
运行结果如上,无序列表标签为ul,有序列表标签为ol,无序列表通过type 修改列表前的样式,分为3种,有序列表通过type规定是那种序列,同时使用start,规定起始是多少,嵌套列表里面可以无序嵌套有序,有序嵌套无序,选择自己需要的方式即可。
上述为列表的相关操作。
下面介绍HTML5 块:
<div id="divid">
<p>哈哈哈</p>
<a>dadad</a>
</div>
<div>
<p><span>测试</span>是什么样子</p>
</div>
通过id=divid 定制了一个id
在head标签里面添加
<link rel="stylesheet" type="text/css" href="my.css">
然后创建一个css文件
span{
color: red;
}
#divid
p{
color: red;
}
a{
color: blue;
}
显示如下:
如上即为块的相关操作。
后面会了解更多。