前言：
今天完成了百度前端技术学院课程中第二天的任务，任务中提出了一些值得重视的问题。作为课后的总结与思考，我将它们记录到这篇博客之中。
问题描述：
-
HTML是什么，HTML5是什么？
-
HTML元素标签、属性都是什么概念？
-
文档类型是什么概念，起什么作用？
-
meta标签都用来做什么的？
-
Web语义化是什么，是为了解决什么问题？
-
链接是什么概念，对应什么标签？
-
常用标签都有哪些，都适合用在什么场景？
-
表单标签都有哪些，对应着什么功能，都有哪些属性？
-
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方？举个例子。
问题解答：
1. HTML是什么，HTML5是什么？
- HTML 指的是 超文本标记语言 (Hyper Text Markup Language）。与编程语言不同，它是一种 标记语言 ，是由一套 标记标签 组成的用来 描述网页 的语言。
- HTML5 指的是最新的 HTML标准，与之前的HTML标准相比，HTML5非常强大。他加入了许多新的 语义、图形 以及 多媒体 元素，使得它不需要额外的插件就能够承载更加丰富的Web内容。新加入的元素和新的API也使得 Web应用的搭建更加方便。此外，它 跨平台 的特点能够允许它在不同的硬件设备上运行。
2. HTML元素标签、属性都是什么概念？
- HTML标签 是用来标记Web文档中的 内容 的，标签与其标记内容 共同构成了 HTML元素。
- 属性 是对HTML元素的 描述。
3. 文档类型是什么概念，起什么作用？
Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。
<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。
4. meta标签都用来做什么的？
<meta> 标签提供关于 HTML 文档的 元数据，它始终位于 <head> 元素中。通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他的元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
5. Web语义化是什么，是为了解决什么问题？
Web的语义化指的是，用机器可以理解的、被广泛认可的信息描述内容。当要对内容进行处理时，难度会降低。
6. 链接是什么概念，对应什么标签？
链接允许人们跳转到其他的文档或者当前文档中的某个位置。
我们使用<a>标签（锚标签）创建链接。 <!-- “a”是“anchor”（锚）的缩写 -->
7. 常用标签都有哪些，都适合用在什么场景？
- <html>
<html>元素定义了整个HTML文档。
-
<head>
<head>元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
- <body>
<body>元素用来表示HTML文档的主体部分。
- <p>
<p>元素用来定义HTML文档中的段落部分。
- <img>
定义图像时我们需要使用 <img>标签 以及其 src 源属性。例如： <img src="......" />
- <div>
<div>元素相当于一个容器，我们可以把一些逻辑上相关的元素放入<div>块元素中。方便我们对它们进行处理。
- 常用的元素标签有很多，用一下子都列出来的方法学习效率并不高。在以后的实际操作中再对它们进行深入的了解，才是更加有效率的做法。
8. 表单标签都有哪些，对应着什么功能，都有哪些属性？
-
<form>
使用<form>元素定义HTML文档的表单。HTML 表单用于收集不同类型的用户输入，并将它们发送给服务器进行处理。
- <input>
<input>元素可以根据其不同的 type属性 变成多种形态。
<input type="text"> 用于定义一个单行的文本输入字段。
<input type="radio">用于定义一个单选按钮，使用户从多个选项中选择一个作为提交内容。
<input type="submit">用于创建一个“提交按钮”，会将表单提交给服务器端的表单处理程序。
- action属性
action属性 定义在提交表单时要执行的动作，例如：<form action="action_page.php"> 此处的action属性表示在提交表单时，将表单提交给 action_page.php 服务器脚本。
- method属性
method属性 定义了在提交表单时使用的HTTP方法（ GET 或 POST ），例如：
<form action="action_page.php" method="GET"> ，即提交表单时，使用GET方法提交给服务器脚本 action_page.php。
- name属性
要使表单正确地被提交，每一个输入字段都要有一个 name属性，例如：
<input type="text" name="lastname" value="Mouse">
9. ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方？举个例子。
- ol 标签用来定义有序列表。
- ul 标签用来定义无序列表。
- li 标签定义列表中每一个项目。
例：
<!-- 有序列表 -->
<ol>
<li>鼠标</li>
<li>键盘</li>
<li>音响</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>鼠标</li>
<li>键盘</li>
<li>音响</li>
</ul>
效果如下，
有序列表：
无序列表：
-
dl, dt, dd 用来创建自定义列表。其中，dl 用于定义列表，dt 用于定义项目，dd 用于为某一项目添加注释
例：
<!-- 自定义列表 -->
<dl>
<dt>汉语</dt>
<dd>是中国人使用的语言</dd>
<dt>英语</dt>
<dd>是英国人使用的语言</dd>
</dl>效果如下：
补充：
在查看其他同学的笔记时，发现一篇对 Web语义化 阐述的非常明了易懂的文章，链接如下：
2955
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
