HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
HTML超文本标记语言
HTML是⽤于创建⽹⻚的语⾔。我们通过使⽤HTML标记标签创建html⽂档来创建⽹⻚。HTML代表超⽂
本标记语⾔。HTML是⼀种标记语⾔，它具有标记标签的集合。
HTML标签是由尖括号括起来的词，如 <html>，<body> 。标签通常成对出现，例如 和
</html> 。
⼀对中的第⼀个标签是开始标签;第⼆个标签是结束标签。在上⾯的示例中， <html> 是开始标签，⽽</html>是结束标签。
我们还可以将开始标签称为起始标签，结束标签称为闭合标签。
HTML元素
I like <code>web</code> and CSS.
起始标记为<code>，结束标记为</code>。标签之间是元素的内容，即web。标签和内容⼀起形成代码元素。
注意：元素名称不区分大小写
HTML⽂件结构
⼀个HTML⽂件是有⾃⼰固定的结构的。
<html>
<head>…</head>
<body>…</body>
</html>
代码讲解：
1.<html></html>称为根标签，所有的⽹⻚标签都在<html></html>中。
2. 标签⽤于定义⽂档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、
<style>、<link>、 <meta>等标签。
3. 在和标签之间的内容是⽹⻚的主要内容，如<h1>、<p>、<a>、<img>等⽹⻚内容标签，在这⾥的标签中的内容会在浏览器中显示出来。
HTML注释
代码注释不仅⽅便程序员⾃⼰回忆起以前代码的⽤途，还可以帮助其他程序员很快的读懂你
的程序的功能，⽅便多⼈合作开发⽹⻚代码。 语法：
<!–注释⽂字 -->
HTML⽂档类型
<!DOCTYPE> 声明帮助浏览器正确地显示⽹⻚。
<!DOCTYPE> 声明
Web 世界中存在许多不同的⽂档。只有了解⽂档的类型，浏览器才能正确地显示⽂档。
HTML 也有多个不同的版本，只有完全明⽩⻚⾯中使⽤的确切 HTML 版本，浏览器才能完全正确地显示出 HTML ⻚⾯。这就是 <!DOCTYPE> 的⽤处。
不是 HTML 标签。它为浏览器提供⼀项信息（声明），即 HTML 是⽤什么版本编写的。
要注意的是:
必须放在HTML⽂档的第⼀⾏
声明不是HTML标签
常⽤的声明如下:
HTML5:
<!DOCTYPE html>
HTML常用标签
1. 段落标签<p>
如果想在⽹⻚上显示⽂章，这时就需要
标签了，把⽂章的段落放到<p>标签中。 语法：
<p>段落⽂本</p>
2. 标题标签<h>
标题（Heading）是通过<h1> - <h6> 等标签进⾏定义的。
<h1> 定义最⼤的标题。<h6> 定义最⼩的标题。
3. 强调标签<em>、<strong>
但两者在强调的语⽓上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em>默认⽤斜体表示，<strong> ⽤粗体表示。
4. 引⽤标签
<q> ⽤于短的引⽤
浏览器通常会为 <q> 元素包围""。
语法： <q>引⽤⽂本</q>
<blockquote>⽤于⻓引⽤
<blockquote>的作⽤也是引⽤别⼈的⽂本。但它是对⻓⽂本的引⽤
语法：
<blockquote>引⽤⽂本
5. 换⾏标签
如果希望在不产⽣⼀个新段落的情况下进⾏换⾏（新⾏），请使⽤ <br />标签：
<br/>标签作⽤相当于word⽂档中的回⻋。
6. 分隔线标签
语法：
<hr/>
7. 特殊字符
html特殊字符
空格 (;分号必不可少)
| 属性 | 显示结果 | 描述 |
|---|---|---|
| ® | ® | 已注册 |
| © | © | 版权 |
| ™ | ™ | 商标 |
8. address标签
address标签，为⽹⻚加⼊地址信息
语法：
<address>地址信息</address>
9. code标签
在介绍语⾔技术的⽹站中，必免不了在⽹⻚中显示⼀些计算机专业的编程代码，当代码为⼀⾏代码时，
你就可以使⽤<code>标签了
语法：
<code>代码语⾔</code>
在⽂章中⼀般如果要插⼊多⾏代码时不能使⽤<code>标签，如果是多⾏代码，可以使⽤<pre>标签。
10. ⽆序列表
⽆序列表是⼀个项⽬的列表，此列项⽬使⽤粗体圆点（典型的⼩⿊圆圈）进⾏标记。
⽆序列表始于<ul> 标签。每个列表项始于<li>。
列表项内部可以使⽤段落、换⾏符、图⽚、链接以及其他列表等等。
11. 有序列表
同样，有序列表也是⼀列项⽬，列表项⽬使⽤数字进⾏标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
12.定义列表
⾃定义列表不仅仅是⼀列项⽬，⽽是项⽬及其注释的组合。
⾃定义列表以 <dl> 标签开始。每个⾃定义列表项以 <dt> 开始。每个⾃定义列表项的定义以 <dd> 开始。
13. HTML<div>元素
定义和⽤法
<div> 可定义⽂档中的分区或节（division/section）。
<div> 标签可以把⽂档分割为独⽴的、不同的部分。它可以⽤作严格的组织⼯具，并且不使⽤任何格式与其关联。
如果⽤ id 或 class 来标记<div>，那么该标签的作⽤会变得更加有效。
⽤法
<div> 是⼀个块级元素。这意味着它的内容⾃动地开始⼀个新⾏。实际上，换⾏是<div> 固有的唯⼀格式表现。可以通过 <div> 的 class 或 id 应⽤额外的样式。
不必为每⼀个 <div> 都加上类或 id，虽然这样做也有⼀定的好处。
可以对同⼀个 <div> 元素应⽤ class 或 id 属性，但是更常⻅的情况是只应⽤其中⼀种。这两者的主要差异是，class ⽤于元素组（类似的元素，或者可以理解为某⼀类元素），⽽ id ⽤于标识单独的唯⼀的元素。
13. HTML<span>元素
HTML<span> 元素是内联元素，可⽤作⽂本的容器。<span>元素也没有特定的含义。 当与 CSS ⼀同使⽤时,<span> 元素可⽤于为部分⽂本设置样式属性。
定义和⽤法
标签被⽤来组合⽂档中的⾏内元素。
提示：请使⽤ 来组合⾏内元素，以便通过样式来格式化它们。
注释：span 没有固定的格式表现。当对它应⽤样式时，它才会产⽣视觉上的变化。
范例:使⽤span标签
<p><span>some text.</span>some other text.</p>
如果不对 span 应⽤样式，那么 span 元素中的⽂本与其他⽂本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应⽤ id 或 class 属性，这样既可以增加适当的语义，⼜便于对 span 应⽤样式。
可以对同⼀个 元素应⽤ class 或 id 属性，但是更常⻅的情况是只应⽤其中⼀种。这两者的主要差异是，class ⽤于元素组（类似的元素，或者可以理解为某⼀类元素），⽽ id ⽤于标识单独的唯⼀的元素。
14. HTML表格
表格由 <table> 标签来定义。
每个表格均有若⼲行（由 <tr> 标签定义），每⾏被分割为若⼲单元格（由 <td> 标签定义）。字⺟ td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含⽂本、图⽚、列表、段落、表单、⽔平线、表格等等。
表格的表头使⽤ 标签进⾏定义。⼤多数浏览器会把表头显示为粗体居中的⽂本：
caption 元素定义表格标题。caption 标签必须紧随 table 标签之后。只能对每个表格定义⼀个标题。通常这个标题会被居中于表格之上。
15. HTML超链接
超链接可以是⼀个字，⼀个词，或者⼀组词，也可以是⼀幅图像，你可以点击这些内容来跳转到新的⽂档或者当前⽂档中的某个部分。
当把⿏标指针移动到⽹⻚中的某个链接上时，箭头会变为⼀只⼩⼿。
我们通过使⽤ <a> 标签在 HTML 中创建链接。
有两种使⽤ <a> 标签的⽅式：
- 通过使⽤ href 属性 - 创建指向另⼀个⽂档的链接
- 通过使⽤ name 属性 - 创建⽂档内的书签(定义锚点)
- 使⽤ Target 属性，你可以定义被链接的⽂档在何处显示
16. HTML图像
在 HTML 中，图像由 <img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在⻚⾯上显示图像，你需要使⽤源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
定义图像的语法是：
<img src=“url” />
替换⽂本属性(alt属性)
alt 属性⽤来为图像定义⼀串预备的可替换的⽂本。替换⽂本属性的值是⽤户定义的。
在浏览器⽆法载⼊图像时，替换⽂本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的⽂本⽽不是图像。为⻚⾯上的图像都加上替换⽂本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使⽤纯⽂本浏览器的⼈来说是⾮常有⽤的。
范例:使⽤替换⽂本
<img src=“boat.gif” alt=“Big Boat”>
17. HTML表单
HTML 表单⽤于搜集不同类型的⽤户输⼊
-
form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
* 属性：
* action：指定提交数据的URL
* method:指定提交方式
* 分类：一共7种，2种比较常用
* get：
1. 请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。
2. 请求参数大小是有限制的。
3. 不太安全。
* post：
2. 请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)
2. 请求参数的大小没有限制。
3. 较为安全。- 表单项中的数据要想被提交：必须指定其name属性
-
表单项标签：
* input：可以通过type属性值，改变元素展示的样式
* type属性：
* text：文本输入框，默认值
* placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
* password：密码输入框
* radio:单选框
* 注意：
1. 要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
2. 一般会给每一个单选框提供value属性，指定其被选中后提交的值
3. checked属性，可以指定默认值
* checkbox：复选框
* 注意：
1. 一般会给每一个单选框提供value属性，指定其被选中后提交的值
2. checked属性，可以指定默认值 -
file：文件选择框
* hidden：隐藏域，用于提交一些信息。
* 按钮：
* submit：提交按钮。可以提交表单
* button：普通按钮
* image：图片提交按钮
* src属性指定图片的路径 -
label：指定输入项的文字描述信息
* 注意：
* label的for属性一般会和 input 的 id属性值 对应。如果对应了，则点击label区域，会让input输入框获取焦点。
* select: 下拉列表
* 子元素：option，指定列表项 -
textarea：文本域
* cols：指定列数，每一行有多少个字符
* rows：默认多少行。
162
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
