目录
一.什么是HTML？
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。是制作超级文本文档的简单标记语言，可以从一个平台移植到另一个平台，通常用于制作网页。html文件是asci文本，包括格式标记和超级文本链的嵌入代码。
Html是超文本标记语言，是用来描述 web文档的一种标记语言。使用标签作为页面的开始和结束部分。
总结：
1.html通常被称为静态网页。
2.HTML是带html或Htm扩展名的文件。
3.HTML的一些标签代码规则将内容呈现在浏览器中所需的风格。
4.HTML可以使用记事本创建，并以.html或.htm为扩展名保存。
二.html文档结构
HTML：页面、HTML文档
<!DOCTYPE html>
文档声明，告诉浏览器，当前文档使用的HTML标准是HTML5。不写文档声明，将导致浏览器进入怪异渲染模式。
<html lang="en"></html>根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。
lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
<head></head> 文档头，文档头内部的内容，不会显示到页面上。
<meta> 文档的元数据：附加信息。
<title>Document</title>网页标题
<body></body> 文档体，页面上所有要参与显示的元素，都应该放置到文档体中。
三.语义化
1. 什么是语义化
1. 每一个HTML元素都有具体的含义
a元素：超链接
p元素：段落
h1元素：一级标题
2. 所有元素与展示效果无关
元素展示到页面中的效果，应该由CSS决定。
因为浏览器带有默认的CSS样式，所以每个元素有一些默认样式。
2. 为什么需要语义化？
1. 为了搜索引擎优化（SEO）
搜索引擎：百度、搜搜、Bing、Google
每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码
2. 为了让浏览器理解网页，阅读模式、语音模式
四.文本元素
## h
标题：head
h1~h6：表示1级标题~6级标题
## p
段落，paragraphs
> lorem，乱数假文，没有任何实际含义的文字
## span【无语义】
没有语义，仅用于设置样式
## pre
预格式化文本元素
空白折叠：在源代码中的连续空白字符（空格、换行、制表），在页面显示时，会被折叠为一个空格
例外：在pre元素中的内容不会出现空白折叠
在pre元素内部出现的内容，会按照源代码格式显示到页面上。
该元素通常用于在网页中显示一些代码。
pre元素功能的本质：它有一个默认的css属性
> 显示代码时，通常外面套code元素，code表示代码区域。
# HTML实体
实体字符， HTML Entity
实体字符通常用于在页面中显示一些特殊符号。
五.超链接
## href属性
hyper reference：通常表示跳转地址
1. 普通链接
2. 锚链接
id属性：全局属性，表示元素在文档中的唯一编号
3. 功能链接
点击后，触发某个功能
- 执行JS代码，javascript:
- 发送邮件，mailto:
- 拨号，tel:
要求用户计算机上安装有拨号软件，或使用的是移动端访问
## target属性
表示跳转窗口位置。
target的取值：
- _self：在当前页面窗口中打开，默认值
- _blank: 在新窗口中打开
四. 路径
页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件，这时再查找图像，就要采用“路径”的方式来指定图像文件的位置。
1. 绝对路径
是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径，或者是完整的网络地址。
2. 相对路径
以引用文件所在的位置为参考基础，而建立出的目录路径。
| 相对路径分类 | 符号 | 说明 |
|---|---|---|
| 同一级路径 | 文件位于html文件同一级 | |
| 下一级路径 | / | 文件位于html文件下一级 |
| 上一级路径 | ../ | 文件位于html文件上一级 |
五.图片元素
## img元素
image缩写，空元素
src属性：source
alt属性：当图片资源失效时，将使用该属性的文字替代图片
## 和a元素联用
## 和map元素
map：地图
map的子元素：area
衡量坐标时，为了避免衡量误差，需要使用专业的衡量工具：
子元素：figcaption
六.列表元素
1. 有序列表
ol: ordered list
li：list item
2.无序列表
把ol改成ul
ul：unordered list
无序列表常用于制作菜单 或 新闻列表。
七.表格
表格主要用于显示，展示数据，因为它可以让数据的显示非常的规整，可读性好。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
<table></table>是用于定义表格中的标签。
<tr></tr>用于定义表格中的行，必须嵌套在<table></table>中
<td></td>同于定义表格中的单元格，必须嵌套在<tr></tr>中
td指表格数据，即数据单元格的内容。
八.表单
使用表单的目的是为了收集用户信息。在跟用户进行交互，收集用户资料，就需要表单。
一个完整的表单通常由表单域，表单控件和提示信息三个部分组成。
827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
