一、 概念
是最基础的网页开发语言
·Hyper Text Markup Language 超文本标记语言
·超文本：超文本是利用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
·标记语言：
·由标签构成的语言。
格式：<标签名称>[修饰内容]</标签名称>
举例：<html></html>、<br/>
注意：标签名称不可以自定义，只能使用w3c贵干的标签名称。
标记语言不是编程语言。
二、快速入手：
1.语法：
（1）html文档的后缀名.html或者.htm
（2）标签分为：
围堵标签：（有开始和结束标签，标签内部是需要包含内容的）
自闭和标签：（开始标签和结束标签一起，标签内部不能包含内容。）HTML <br/>
（3）标签可以嵌套：
需要正确嵌套，不能你中有我。我中有你
正确写法：
<a><b></b></a>
（4）在开始标签中可以定义属性（属性使用来修饰标签的，未来有部分属性我们会使用css替换）。属性是由键值对构成，需要引用双引号引起来。
举例：
<font face="楷体" size="16" color="#666666">
#楷体的16号字绿色文本
</font>
颜色值：
#001122：
00:red, 取值：00-ff,260种颜色变化，从颜色很淡到很浓
11：green。取值：00-ff
22：blue，取值：00-ff
三种颜色组合出各种颜色
#00112233
00:透明度，取值：00-FF
（5）html中的标签不区分大小写，但是建议使用小写。
（6）HTML中不识别空格的。
代码：
<!DOCTYOR HTML>
<html>
<head>
<title>那些年我们一起追过的女孩</title>
</head>
<body>静夜思</body>
</html>
2. 标签：
(1)文件标签
构成html最基本的标签
- html：html文档的根标签
- head：头标签。用于指定html文档的一些属性。引入外部的资源
- title：标题标签。
- body：体标签
<!DOCTYPE html>：html5中定义该文档是html文档
(2)文本标签
和文本有关的标签
| 标签 | 作用 |
|---|---|
| h1-6 | 标题标签 |
| p | 段落标签 |
|   | 空格符 |
| br | 换行标签 |
| hr | 展示一条水平线 |
| b | 字体加粗 |
| i | 字体斜体 |
| u | 字体下划线 |
| del | 字体添加删除线 |
| sup | 文本上标 |
| sub | 文本下标 |
| font | 文本标签 |
属性
| 属性 | 值 |
|---|---|
| color（颜色） | #ffffff、rgb(255,255,255)、red |
| size（大小） | 单位：px em cm |
| face（字体） | 字体 |
(3)列表
- 1、无序列表（ul）
| type=“circle” | 空心圆 |
|---|---|
| type=“square” | 方形 |
| type=“disc” | 实心圆 |
- 2、有序列表（ol）
| type=“1” | 阿拉伯数字 |
|---|---|
| type=“A” | 大写英文字母 |
| type=“a” | 小写英文字母 |
| type=“i” | 罗马数字 |
| type=“I” | 大写罗马数字 |
| start=“” | 设置序号的起始位置 |
- 自定义列表（dl）：
| dt | 代表标题 |
|---|---|
| dd | 代表内容 |
(4) 表格
table>tr>th/td
| table | 矩形、有属于自己的宽高 |
|---|---|
| width | 宽度 |
| height | 高度 |
| border | 边框粗细 |
| cellpadding | 定义内容与单元格之间的距离 |
| cellspacing | 定义单元格之间的距离，如果指定为0.单元格的线会合为一条 |
| bgcolor | 背景色 |
| alight | 对齐方式（left、center、right） |
| th/td | 单元格、有自己的宽高。必须依赖与tr。其中th定义表头单元格、td是普通单元格 |
| colspan | 合并列（水平合并单元格） |
| rowspan | 合并行（垂直合并单元格） |
| caption | 表格标题 |
| thead | 表示表格的头部分 |
| tdoby | 表示表格主体部分 |
| tfoot | 表示表格底部部分 |
(5) 表单
- 概念
用于采集用户输入的数据的。用于和服务器进行交互。
- form标签
用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围。
| 属性 | 作用 |
|---|---|
| action | 指定提交数据的URL |
| method | 指定提交方式。 get和post比较常见。 get：1、请求参数会在地址栏中显示。会封装到请求 |
| post | 1、请求参数不会在地址栏中显示，会封装在请求体中 2、请求参数大小是没有限制的。 3、较为安全。 |
| get | 1、请求参数会在地址栏中显示，会封装在请求体中 2、请求参数大小有限制的。 3、不太安全。 |
表单中的数据要想被提交：必须指定其name属性
（3）表单项标签
- input
type属性
| 值 | 说明 |
|---|---|
| text | 文本框 |
| placeholder | 指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息 |
| passworld | 密码输入框 |
| radio | 单选框 注意： 1.要想要多个单选框实现单选的效果，则多个单选框的name属性值必须一样。 2.一般会给每一个单选框提供value属性。指定其被选之后提交的值 3.checked属性，可以指定默认值 |
| checkbox | 复选框（1、一般会给每个单选框提供value属性，指定其被选中后提交的值） 2、checked属性，可以指定默认值。 |
| file | 文件选择框 |
| hidden | 隐藏域（用于提交一些信息） |
| 按钮 | 1、submit：提交按钮 2、button：普通按钮 3、image：图片提交按钮（src属性指定图片的路径） |
元素的分类
- 块级元素
简单理解： 就是一个方块，是一个矩形，是可以设置宽和高的，默认情况下，多个块级元素的显示方式为从上往下浮动（一个块级元素占一行） - 行级元素
简单理解： 就是一行，不是矩形，没法直接设置宽高，默认情况下，多个行级元素的显示方式为从左往右浮动（多个行级元素元素占一行），如果一行显示的内容超出父元素，就会换行。
常见的行级元素：
<label>、<span>、<a>
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
