-------------------------在线简历----------------------
---------------------------------------------------------------------
来最后小验证一下，你是否能流畅地回答以下问题：
HTML是什么
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML5是什么
HTML文档也叫做 web 页面
HTML5 是下一代 HTML 标准。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
HTML元素标签是什么？
HTML 元素以开始标签起始，以结束标签终止
通常是成对出现的，比如 <div> 和 </div>
也有单独呈现的标签，如：<img src="百度百科.jpg" />等
一般成对出现的标签，其内容在两个标签中间
单独呈现的标签，则在标签属性中赋值
如<h1>标题</h1>和 <input type="text" value="按钮" />
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
HTML 文档由嵌套的 HTML 元素构成
网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、
关键字、描述等信息显示在<head>标签中，而网页需展示的内容
需嵌套在<body>标签中
HTML属性都是什么概念？
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。
文档类型是什么概念，起什么作用？
HTML <!DOCTYPE>
<!DOCTYPE> 声明帮助浏览器正确地显示网页
Web世界中存在许多不同的文档
只有了解文档的类型，浏览器才能正确地显示文档
<!DOCTYPE> 不是 HTML 标签
它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的
meta标签都用来做什么的？
<meta> 元素可提供有关页面的元信息（meta-information），
比如针对搜索引擎和更新频度的描述和关键词
<meta> 标签位于文档的头部，不包含任何内容
<meta> 标签的属性定义了与文档相关联的名称/值对
<meta> 标签永远位于 head 元素内部
元数据总是以名称/值的形式被成对传递的
HTML 与 XHTML 之间的差异
在 HTML 中，<meta> 标签没有结束标签
在 XHTML 中，<meta> 标签必须被正确地关闭
Web语义化是什么，是为了解决什么问题
像html元素的命名，CSS的命名等等，这些代表了web的代码
在编写的时候一些标签或属性都会以一种见其名知其义的方式命名
我认为这就web语义化的一种体现
人可以通过视觉来判断内容的语义，我想这就是web语义化的一个重要意义
要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化
链接是什么概念，对应什么标签？
HTML 使用超级链接与网络上的另一个文档相连
我们通过使用 <a> 标签在 HTML 中创建链接
<a href="url">Link text</a>
href 属性规定链接的目标。
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接
开始标签和结束标签之间的文字被作为超级链接来显示
常用标签都有哪些，都适合用在什么场景
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML 段落是通过 <p> 标签进行定义的
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML 链接是通过 <a> 标签进行定义的
<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的
<img src="w3school.jpg" width="104" height="142" />
表单标签都有哪些，对应着什么功能，都有哪些属性
HTML 表单用于搜集不同类型的用户输入
HTML 表单用于收集用户输入。
<form> 元素定义 HTML 表单：
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<input> 元素是最重要的表单元素。
<input> 元素有很多形态，根据不同的 type 属性。
这是本章中使用的类型：
类型 描述
text 定义常规文本输入。
radio 定义单选按钮输入（选择多个选择之一）
submit 定义提交按钮（提交表单）
文本输入
<input type="text"> 定义用于文本输入的单行输入字段：
表单本身并不可见。注意文本字段的默认宽度是 20 个字符。
单选按钮输入
<input type="radio"> 定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一：
<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定：
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常，表单会被提交到 web 服务器上的网页。
在上面的例子中，指定了某个服务器脚本来处理被提交表单：
<form action="action_page.php">
如果省略 action 属性，则 action 会被设置为当前页面。
method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：
<form action="action_page.php" method="GET">
或<form action="action_page.php" method="POST">
您能够使用 GET（默认方法）：
如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。
当您使用 GET 时，表单数据在页面地址栏中是可见的：
action_page.php?firstname=Mickey&lastname=Mouse
GET 最适合少量数据的提交。浏览器会设定容量限制。
您应该使用 POST：
如果表单正在更新数据，或者包含敏感信息（例如密码）。
POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。
Name 属性
如果要正确地被提交，每个输入字段必须设置一个 name 属性。
本例只会提交 "Last name" 输入字段：
用 <fieldset> 组合表单数据
<fieldset> 元素组合表单中的相关数据
<legend> 元素为 <fieldset> 元素定义标题。
下面是 <form> 属性的列表：
属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子
############################ ol #########################
<ol> 标签定义有序列表
注：请使用 CSS 来定义列表的类型
<html>
<body>
<ol>
<li>电话</li>
<li>大海</li>
<li>我</li>
</ol>
<ol start="66">
<li>咖啡</li>
<li>蛋糕</li>
<li>冰激凌</li>
</ol>
</body>
</html>
############################ ul #########################
<ul> 标签定义无序列表
注：请使用样式来定义列表的类型
<html>
<body>
<h5>一个无序列表：</h5>
<ul>
<li>咖啡</li>
<li>冰激凌</li>
<li>牛奶</li>
</ul>
</body>
</html>
############################ li #########################
<li> 标签定义列表项目
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
<ol>
<li>Coffee</li>
<li>Ice-cream</li>
<li>Cake</li>
</ol>
<ul>
<li>Coffee</li>
<li>Ice-cream</li>
<li>Cake</li>
</ul>
##################### dl ,dd ,dt #########################
<dl> 标签定义了定义列表（definition list）
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）
<dd> 在定义列表中定义条目的定义部分
<dt> 标签定义了定义列表中的项目（即术语部分）
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
##########################################################
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一份(辣眼睛de)简历</title>
<h1 style="background-color:#B0E0E6">
<font face="宋体,隶书" color="#9900FF">
我的第一份(辣眼睛de)简历
</font>
</h1>
</head>
<body>
<p style="background-color:#FF69B4">
<font color="#6600CC">
尊姓大名：Xindolia_Ring<br>
生日：Jan. 16th 1998
</font>
</p>
<p style="background-color:#FF0066">
<font color="#330099">
地址：第8平行宇宙36星系268星球
<br>526国家66省3市6区55街道的中二公寓<br>
</font>
</p>
<p style="background-color:#FF69B4">
<font color="#330033">
羡慕的人生：男神暖被窝，女神投喂我，<br />再带只黑背天天出去浪！
<br>愿望：希望世界和平！
</p>
<p style="background-color:#CC0099">
<font color="#000033">
个人简介：一个正常的中二小青年o(≧▽≦*)b
<br />
~爱吃爱玩爱玩，是一只吃不下太多东西的吃货！
</font>
</p>
</body>
</html>---------------------------------------------------------------------
来最后小验证一下，你是否能流畅地回答以下问题：
HTML是什么
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML5是什么
HTML文档也叫做 web 页面
HTML5 是下一代 HTML 标准。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
HTML元素标签是什么？
HTML 元素以开始标签起始，以结束标签终止
通常是成对出现的，比如 <div> 和 </div>
也有单独呈现的标签，如：<img src="百度百科.jpg" />等
一般成对出现的标签，其内容在两个标签中间
单独呈现的标签，则在标签属性中赋值
如<h1>标题</h1>和 <input type="text" value="按钮" />
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
HTML 文档由嵌套的 HTML 元素构成
网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、
关键字、描述等信息显示在<head>标签中，而网页需展示的内容
需嵌套在<body>标签中
HTML属性都是什么概念？
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。
文档类型是什么概念，起什么作用？
HTML <!DOCTYPE>
<!DOCTYPE> 声明帮助浏览器正确地显示网页
Web世界中存在许多不同的文档
只有了解文档的类型，浏览器才能正确地显示文档
<!DOCTYPE> 不是 HTML 标签
它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的
meta标签都用来做什么的？
<meta> 元素可提供有关页面的元信息（meta-information），
比如针对搜索引擎和更新频度的描述和关键词
<meta> 标签位于文档的头部，不包含任何内容
<meta> 标签的属性定义了与文档相关联的名称/值对
<meta> 标签永远位于 head 元素内部
元数据总是以名称/值的形式被成对传递的
HTML 与 XHTML 之间的差异
在 HTML 中，<meta> 标签没有结束标签
在 XHTML 中，<meta> 标签必须被正确地关闭
Web语义化是什么，是为了解决什么问题
像html元素的命名，CSS的命名等等，这些代表了web的代码
在编写的时候一些标签或属性都会以一种见其名知其义的方式命名
我认为这就web语义化的一种体现
人可以通过视觉来判断内容的语义，我想这就是web语义化的一个重要意义
要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化
链接是什么概念，对应什么标签？
HTML 使用超级链接与网络上的另一个文档相连
我们通过使用 <a> 标签在 HTML 中创建链接
<a href="url">Link text</a>
href 属性规定链接的目标。
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接
开始标签和结束标签之间的文字被作为超级链接来显示
常用标签都有哪些，都适合用在什么场景
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML 段落是通过 <p> 标签进行定义的
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML 链接是通过 <a> 标签进行定义的
<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的
<img src="w3school.jpg" width="104" height="142" />
表单标签都有哪些，对应着什么功能，都有哪些属性
HTML 表单用于搜集不同类型的用户输入
HTML 表单用于收集用户输入。
<form> 元素定义 HTML 表单：
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<input> 元素是最重要的表单元素。
<input> 元素有很多形态，根据不同的 type 属性。
这是本章中使用的类型：
类型 描述
text 定义常规文本输入。
radio 定义单选按钮输入（选择多个选择之一）
submit 定义提交按钮（提交表单）
文本输入
<input type="text"> 定义用于文本输入的单行输入字段：
表单本身并不可见。注意文本字段的默认宽度是 20 个字符。
单选按钮输入
<input type="radio"> 定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一：
<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定：
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常，表单会被提交到 web 服务器上的网页。
在上面的例子中，指定了某个服务器脚本来处理被提交表单：
<form action="action_page.php">
如果省略 action 属性，则 action 会被设置为当前页面。
method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：
<form action="action_page.php" method="GET">
或<form action="action_page.php" method="POST">
您能够使用 GET（默认方法）：
如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。
当您使用 GET 时，表单数据在页面地址栏中是可见的：
action_page.php?firstname=Mickey&lastname=Mouse
GET 最适合少量数据的提交。浏览器会设定容量限制。
您应该使用 POST：
如果表单正在更新数据，或者包含敏感信息（例如密码）。
POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。
Name 属性
如果要正确地被提交，每个输入字段必须设置一个 name 属性。
本例只会提交 "Last name" 输入字段：
用 <fieldset> 组合表单数据
<fieldset> 元素组合表单中的相关数据
<legend> 元素为 <fieldset> 元素定义标题。
下面是 <form> 属性的列表：
属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子
############################ ol #########################
<ol> 标签定义有序列表
注：请使用 CSS 来定义列表的类型
<html>
<body>
<ol>
<li>电话</li>
<li>大海</li>
<li>我</li>
</ol>
<ol start="66">
<li>咖啡</li>
<li>蛋糕</li>
<li>冰激凌</li>
</ol>
</body>
</html>
############################ ul #########################
<ul> 标签定义无序列表
注：请使用样式来定义列表的类型
<html>
<body>
<h5>一个无序列表：</h5>
<ul>
<li>咖啡</li>
<li>冰激凌</li>
<li>牛奶</li>
</ul>
</body>
</html>
############################ li #########################
<li> 标签定义列表项目
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
<ol>
<li>Coffee</li>
<li>Ice-cream</li>
<li>Cake</li>
</ol>
<ul>
<li>Coffee</li>
<li>Ice-cream</li>
<li>Cake</li>
</ul>
##################### dl ,dd ,dt #########################
<dl> 标签定义了定义列表（definition list）
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）
<dd> 在定义列表中定义条目的定义部分
<dt> 标签定义了定义列表中的项目（即术语部分）
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
##########################################################