我的前端学习历程HTML03基本标签总结和列表标签

---

一、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>