要好好利用input的type属性值
<input> 元素是最重要的表单元素。- 最基础的：type=”text” 定义常规文本输入。
- type=”radio” 定义单选按钮输入（选择多个选择之一）
- type=”submit” 定义提交按钮（提交表单）
- 像是type=”email”能对邮件地址进行验证。
- type=”number”可以让输入框变成上下可选择数字范围。type=”range”可以让输入框变成滑动条可选择数字范围。
- type=”date”让输入框有日期选择器。
- type=”color”让输入框可以弹出颜色选择器。
属性值记得引号
- js中写属性值一定要记得加上引号！！！
验证今天的学习情况
HTML是什么，HTML5是什么
HTML
- HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML5
- HTML5 是最新的 HTML 标准。
- HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
- HTML5 拥有新的语义、图形以及多媒体元素。
- HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
- HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。
- 新的语义元素，比如
<header>, <footer>, <article>, and <section>。 - 新的表单控件，比如数字、日期、时间、日历和滑块。
- 强大的图像支持（借由
<canvas>和<svg>） - 强大的多媒体支持（借由
<video>和<audio>） - 强大的新 API，比如用本地存储取代 cookie。
HTML元素标签、属性都是什么概念？
HTML元素标签
- HTML 标签是由尖括号包围的关键词，比如
<html> - HTML 标签通常是成对出现的，比如
<b>和</b> - 标签对中的第一个标签是开始(开放)标签，第二个标签是结束(闭合)标签
HTML元素属性
- HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
- 属性总是以名称/值对的形式出现，比如：name=”value”。
- 属性总是在 HTML 元素的开始标签中规定。
文档类型是什么概念，起什么作用？
<!DOCTYPE> 声明帮助浏览器正确地显示网页。
- Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。
- HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。
<!DOCTYPE>不是 HTML 标签。它为浏览器提供一项信息（声明），告诉浏览器 HTML 是用什么版本编写的。- 它的出现位置在head标签的上面。
- 比如：HTML5的声明方式是：
<!DOCTYPE html>
meta标签都用来做什么的？
- 元数据（metadata）是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。- 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
- 标签始终位于 head 元素中。
- 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
- 针对搜索引擎的关键词
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。 - 下面的 meta 元素定义页面的描述：
1
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
- name 和 content 属性的作用是描述页面的内容。
Web语义化是什么，是为了解决什么问题?
- 语义化简单说来就是让机器可以读懂内容。在发布内容的时候，就用机器可读的、被广泛认可的语义信息来描述内容，来降低机器处理 Web 内容的难度。
- 我们在提供内容的时候，首先要做的就是将内容本身进行合理的描述，暂时不用考虑它的最终呈现会是什么样子。
- HTML5 并非 Web 语义唯一倚仗的规范，除了 W3C 和 WHATWG 外，还有其它的组织在为扩展、标准化 Web 语义做着贡献。只要有浏览器厂商、搜索引擎原意支持，它们的规范一样可以成为通用的基础设施。
- 为了解决机器难以读懂web上发布的各种内容的问题。
链接是什么概念，对应什么标签？
- HTML 使用超级链接与网络上的另一个文档相连。
- 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
- 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
- 我们通过使用
<a> 标签在 HTML 中创建链接。 - 有两种使用
<a>标签的方式：
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签(锚)
常用标签都有哪些，都适合用在什么场景
- head标签中的title标签定义文档的标题，显示在浏览器的标题栏或标签页上
- h1-h6标签用于标题
- a标签用于超链接（其中name属性可以用于创建导航栏）
- p标签用于文段，span标签用于行内文字
- input标签非常多用，像他的type的不同属性值让他可以用于多个场景。
- 最基础的：type=”text” 定义常规文本输入。
- type=”radio” 定义单选按钮输入（选择多个选择之一）
- type=”submit” 定义提交按钮（提交表单）
- 像是type=”email”能对邮件地址进行验证。
- type=”number”可以让输入框变成上下可选择数字范围。type=”range”可以让输入框变成滑动条可选择数字范围。
- type=”date”让输入框有日期选择器。
- type=”color”让输入框可以弹出颜色选择器。
表单标签都有哪些，对应着什么功能，都有哪些属性？
<input> 元素是最重要的表单元素。
- type属性：他决定了input这个输入框具体用来做什么，比如text那他就是用来输入文本的，button就是按钮，submit定义提交表单数据至表单处理程序的按钮。，radio是单选按钮，checkbox复选框，
- name 属性：如果form表单要正确地被提交，每个输入字段必须设置一个 name 属性。
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子
ol（有序 HTML 列表）
- start属性：规定开始数字，如从“50.咖啡”开始：
1
2
3
4
5<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol> - type属性：不同的属性值决定了有序列表前面的序号表示。
- 实例
ul（无序 HTML 列表）
- type属性：不同的属性值决定了无序列表前面的小图标图形。
- 实例
li 标签
- 定义列表项目。
<li> 标签可用在有序列表<ol>和无序列表<ul>中。
dl 标签
<dl> 标签定义了定义列表（definition list）。<dl> 标签用于结合<dt>（定义列表中的项目）和<dd>（描述列表中的项目）。- 实例
dt标签
<dt> 标签定义了定义列表中的项目（即术语部分）。- 会顶格显示。
dd标签
<dd>在定义列表中定义条目的定义部分。- 会缩进2个字符显示。
总的来说
dl相当于ol与ul，dt、dd相当于li的位置。