文章目录
一、HTML基本标签总结
1.有哪些块级标签、行级标签、文本修饰标签
-
块级标签
- div布局标签
- h1~h6标题标签
- p段落标签
- hr水平线标签 行内标签
- img图片标签
- a超链接标签
- span标签
- audio音频展示标签
- video视频展示标签 文字修饰标签
- b 标签和 strong 标签 加粗
- i 标签和 em 标签 斜体
- u 标签 下划线
- sup 上标和 sub 下标
- small 小号字体和 big 大号字体
- del 和 s 删除线
2.块级标签和行级标签的区别有哪些?
(1)块级标签独占一行,行级标签同行显示
(2)块级标签的宽度默认100%,行内标签的宽度有内容撑开
(3)行内标签的style样式中 width,height属性无效,块级标签的有效
二、列表标签
1.列表标签分类:
-
无序列表 ul
<ul>
<li>ss</li>
<li>ii</li>
</ul>
有序列表 ol
<ol>
<li>ss</li>
<li>ii</li>
</ol>
自定义列表 dl
<dl>
<dt>主题</dt>
<dd>描述</dd>
<dd>描述</dd>
<dd>描述</dd>
<dt>主题/图片</dt>
<dd>描述</dd>
<dd>描述</dd>
</dl>
2.无序列表 ul (UnOrderList)
在列表中用的最快广泛
属性type 可以修改列表的前的圆点
type="dies(实心圆)/cricle(空心圆)/square(实心正方体)/none(无 最常用)"
给ul加属性 ul下的li都有
给li加属性 只有加属性的li有该属性
例如:
无序列表的里面嵌套无序列表
第一层默认是实心圆 desc
第二层是空心圆 circle
第三层是黑色正方体 square
<ul>
<li>123</li>
<li>123</li>
<ul>
<li>456</li>
<li>456</li>
<ul>
<li>789</li>
<li>789</li>
</ul>
</ul>
</ul>
3.有序列表 ol (OrderList)
type:
1默认值,数字排序
A 大写字母排序
a 小写字母排序
i 小写罗马数字
I 大写罗马数字
reversed: reversed 倒序
start:
第一个li的序号第几个开始
例如:start:4 该有序的列表从4开始记数,且start 只能填数字
<!-- 默认数字-->
<ol type="1">
<li>啊啊啊<li>
<li>啊啊啊<li>
<li>啊啊啊<li>
</ol>
<ol type="a">
<li>啊啊啊<li>
<li>啊啊啊<li>
<li>啊啊啊<li>
</ol>
<ol type="i">
<li>啊啊啊<li>
<li>啊啊啊<li>
<li>啊啊啊<li>
</ol>