HTML+CSS知识点小结①

1.标签元素的概念统一

标签：单个的，例如p、a、div，我们称之为~标签。
元素：多个的，例如行级元素、块级元素、表单元素、表格元素。

2.网页标准文档流

在没有任何布局样式修饰的情况下：
行级元素：从左至右，从上至下依次排列，如果一行放不下时，自动换行继续从左至右排列。
块级元素：独占一行，从上至下排列。

3.块级元素和行级元素的特性是什么？

在没有任何布局样式修饰的情况下：
行级元素：从左至右，从上至下依次排列，如果一行放不下时，自动换行继续从左至右排列。
块级元素：独占一行，从上至下排列。

4.我们学过的块级元素有哪些，行级元素又有哪些？

a.块级元素：
<div>: 块级分区，相当于一个容器（这个分区是用来划分大区域的）。
<p>: 段落标签，划分段落。
<ul>-<li>-</ul>: 无序列表。
<ol>-<li>-<ol>: 有序列表。
dl-dt-dd: 定义列表。
<hr/>: 分割线、水平线
<h1>-<h6>: 标题元素

b.行级元素
<span>: 行级分区
<a>: 超链接
<strong>: 加粗文本
img: 图像
em: 使文字斜体
br: 换行

5.块级元素中可以放行级元素吗？

块级元素中可以放行级元素，但是需要注意：部分块级元素它们是有特定结构的，比如：dl-dt-dd

6.行级元素中可以放块级元素吗？

只有a标签中可以放块级元素，其它行级元素中不能放块级元素。

7.每种行级元素中具体可以再放哪些行级元素？

行级元素中可以用行级元素进行修饰，但a标签中不能再放a标签

8.我们学过的语义化标签有哪些？为什么要用语义化标签？

header,footer,section,article,nav
thead,tbody,tfoot

为什么要用：这些标签都自带有一个含义，当我们看到它们的时候，就知道这个区域是干什么的。

9.什么时候使用表单？如果要传输文件，要注意些什么？

当我们需要采集数据且要用户去填写数据的时候，使用表单

enctype=“application/x-www-form-urlencoded”，它的作用是，当提交表单的时候，所有的字符都会进行编码。
enctype=“multipart/form-data”，它通常用于传递数据，表示表单提交的时候，不进行编码。传递文件的时候，必须要设置它。