这几天学习了HTML相关的基础知识之后，老师出了五道自测题，通过这几天学习的总结，和查阅相关文档，我也作出了自己的理解，以下是我学习的相关心得分享给大家。
1.HTML元素、标签和属性之间的关联与区别？
如果想要搞清楚HTML元素、标签、属性之间的关系，首先我们应该了解3个概念：
- 什么是HTML标签？
HTML标签由一对尖括号（'<'，'>'）包裹起来的对象，如<div>、 <h1>，<p>等等都叫标签。绝大多数的标签都是成对出现的，如，<div></div>、 <h1></h1>，<p></p>，但是也有例外，比方说换行符<br />，分割线<hr />，这些标签，开始标签和结束标签都是自身。 - 什么是元素？
一个HTML页面是由多个元素组成的，一个元素是由一对标签包含某些内容组成的，比如：<h1>Hello World</h1>，这个就是元素。 - 什么是属性？
给HTML元素附加各种样式的叫属性，它是以“属性名=属性值”这种名、值对形式出现的，需要注意的是，属性必须写在元素的起始标签中。
了解上述三个概念，我明白了，一个HTML页面就是由多个元素构成，元素是由标签描述，每一个元素的特征，都是由属性决定的。
2.为什么说HTML是结构化的文档?
根据W3C标准，HTML是一种Web语言，它是使用一些“标签”来定义网页内容的，例如我们在一个HTML文档中写<html xmlns="http://www.w3.org/1999/xhtml"></html>，就声明了一个HTML文档的开始，里面可以放各种标签，一个HTML文档是由以下结构构成的：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
</body>
</html>
由以上代码不难看出，HTML结构层次分明，是一种具有结构层次的标记语言，通过这些标签可以告诉浏览器如何做出相应的解析。否则，如果HTML标签任意位置都能放置，就没法做标准高度统一了，那么浏览器也就无法做出正确的解析了。因此，我们看到的各种网页，都是通过这种具有结构化的标签组合而成的。
3.表单控件中的name属性为什么非常重要？
表单控件中的name值，是前端与后端进行交互时传值的变量名称，后端只有通过控件的name值才可以接收到该值进行相应的处理。
4.为什么现在都不再使用表格进行页面布局了？
1.页面布局不灵活；
2.代码的可读性：表格布局的代码可读性低，没有使用<div>， <h1>等标签直观；
3.表格加载速度慢；
4.不利于SEO；
5.一个元素，最终呈现的样式，由几方面的因素决定的？
1.继承的：根据元素在文档的结构和层级关系来确定它的最终样式；
2.浏览器客户端：用户代理样式（user agent style），基本上浏览器的表现样式都是一致的；
3.用户自定义：写在HTML文档<style>标签中的样式；
4.行内样式（内联样式）：写在元素的style属性中的样式。
以上就是我个人的总结，不知道是否完全正确，如果有错误的地方烦请各位指正，多谢大家。