小白前端学习日记系列
HTML基础语法与标签
HTML基础语法与标签
这次的内容主要是列表标签,多媒体标签。这些标签在网页制作中也是不可或缺的重要知识。
一、列表标签
1.无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
实际效果如下图所示。无序列表的意义是各列表项没有先后次序(前导符号全都一样)。
无序列表标签<ul></ul>
为父标签,必须和子标签列表项标签<li></li>
同时出现,且<ul></ul>
标签的子标签必须是<li></li>
标签,嵌套关系要注意缩进。
列表项标签<li></li>
不能单独使用,它必须放到<ul></ul>
或者<ol></ol>
(有序列表标签)中使用。<li></li>
标签内部可以放任何其他标签,比如<p></p>
,<span></span>
,<h3></h3>
,甚至可以再放一个列表标签<ul></ul>
。当然,嵌套关系要注意缩进。
我们可以看到,列表项前面的是一个实心小圆点,被称作前导符号。曾经,无序列表的type属性可以定义前导符号的样式:
type值 | 效果 |
---|---|
disc | 实心圆,也是默认值 |
circle | 空心圆 |
square | 实心方块 |
由于这个属性在HTML5中被废弃,我们可以使用CSS更改前导符号的样式。
2.有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<