HTML综合 学习打卡

补充的课程知识点：

现在的大部分的网页布局DIV+CSS方式，最常见的标签如下：

div标签

div之间是一个容器，这个容器可以包裹段落、表格、图片等各种html元素

span标签

没有实际意义，为了应用样式

块级标签

占据一行，换行。
div, ul, ol, li, dl, dd, h1~h6, p, form, hr, …

行级标签

在一行，不换行。
b, em, img, input, a, sup, sub, textarea, span…

标签嵌套

1、块级标签可以包含行级标签（行内元素）和某些块级元素
2、行内元素不能包含块级元素，只能包含其他行内元素
3、块级元素不能放在p – 段落标签内
4、特殊的块级元素只能包含行内元素，不能在包含块级元素
如：h1~h6 p dt…
5、块级元素和块级元素并列，行级元素和行级元素并列
注意：规则需要遵守，但是html语法检查不严格，浏览器不能做到查错！

标签嵌套案例

	<hr>
	<h1>css样式</h1>
	<ul>
		<li><b>css层叠样式</b></li>
		<li><strong>使用方法</strong>
			<ol>
				<li><i>行内样式</i></li>
				<li><em>内部样式</em></li>
				<li><em>外部样式</em></li>
			</ol>
		</li>
		<li><b>css优先级</b></li>
	</ul>

思维导图