一、HTML简介
HTML是HyperText Markup Language（超文本标记语言）。
超文本：超出文本的范畴。不仅有文本，还有图片、视频、音频等等。
标记：标签。HTML里面的标记都是固定的标签，是提前约定好的标签，标签是
给浏览器看的。
分为2大类：
双标签<font></font>
单标签<br>
想要给网页中的数据添加显示效果，需要把数据写在标签里，如果不写在
标签里，是没有样式的。
网页语言：写网页的语言
Java程序的后缀是 .java
HTML程序的后缀是 .html .htm
HTML编程思想：
在网页中有大量的数据，不同的数据往往会呈现出不同的显示效果。想要给
数据添加样式，需要把数据放到标签里。通过修改标签的属性值来实现样式
的设置。
编程语言的分类：
编译型语言：
代码写完之后，编译成可执行的文件。通过可执行文件执行程序。
Java，源文件xx.java 字节码文件:xx.class JVM
解释型语言:
写一行就有一行的效果，即使有的地方错了，不错的地方也是有效果的。
HTML
HTML的编码规范（遵守）
1、要有一个代表网页的标签<html></html>,所有代码写在html标签里面。
2、html不区分大小写
3、标签要有开标签和关标签，只有少数标签是单标签
4、html标签内要包含2部分内容
<head>网站的相关信息</head>、<body>页面显示的内容</body>
XML Extensible Markup Language(可扩展标记语言)
可扩展是相对于HTML里面定义好的标记而言的。
HTML里面所有的标记都是公开的，有约定的。
XML里的标记，可以自定义。
HTML注重的页面效果的展示，关注的是展示效果，布局。
XML注重的是数据的结构，关注的是数据
二、文本标签、注释标签、换行标签、水平线标签、特殊字符
文本标签:<font></font>
属性： （1）size:文本的大小，取值范围1-7。数字越大 字体就越大。
（2）color:文本的颜色
有2种常用的赋值方式：
–用表示颜色的英文单词给color赋值
–使用 #6位十六进制数 给color赋值：
例如:#ff0000 代表红色
#00ff00代表绿色
#0000ff代表蓝色
前两位代表 red的程度 00~FF
中间两位代表 green的程度 00~FF
最后两位代表blue的程度 00~FF
RGB称为色彩的三原色。
通过RGB的组合，可以呈现出我们生活中所有的颜色。
如何知道颜色对应的十六进制是什么呢？
control + alt + A 打开QQ的截图功能
按着Control会显示 十六进制值。
在HTML里面 属性写在开标签里，语法格式是 属性名="属性值"
多个属性之前用空格隔开。不同的标签有不同的属性。
注释标签
<!-- 这里写注释内容 -->
注释不会显示在网页里。但右键显示源代码的时候就能看到。
java有几种注释？ 3种
HTML有几种注释？1种
水平线标签
<hr> 自带换行功能
属性： （1）size:代表线的粗细
（2）color:代表线颜色 同上
特殊字符：
需求：在网页中显示下面内容
<html>是网页的根标签
< 代表<
> 代表>
需求：在网页中显示下面内容
张三 是个猪！
代表一个空格
需求：在网页中显示下面内容
&代表&
© 代表版权符号
® 代表注册符号
换行符：<br>
三、列表标签
第一种：
普通列表
第一组
胡明涛
谷雲杰
金赛赛
<dl> 代表一个列表
<dt></dt> 列表的上层
<dd></dd> 列表的下层
</dl>
第二种：
有序列表
<ol> 代表有序列表
<li></li> 代表列表项
</ol>
ol有一个type属性用于指定序号的类型。
type可选值：1,a,i,A,I。默认是1
1.胡涛
2.程迪
3.李晨楠
第三种：
无序列表
<ul> 代表无序列表
<li></li> 列表项
</ul>
ul有type属性
可选值：disc(默认，实心圆),circle(空心圆),square(实心方块)
四、图像标签
<img>表示图像。是一个单标签，用于表示一张图片。图片可以是任意已知后缀的图片
例如：jpg，jpeg，png，tiff，gif....
想要展示一张图片，必须有图片的地址
img标签的属性：
（1）src：用于指定图片地址。地址可以是本地地址，可以是网络地址
（2）alt:图片的描述文字。图片加载失败时会显示，在有些浏览器中，
鼠标悬浮在图片上也会出现这个文字。
（3）width:图片的宽度。
（4）height:图片的高度。
width或height只改一个，另外一个会等比缩放。全改，会变形。
路径：
相对路径：
相对于当前html文件位置的路径
同级：图片和html在同一个文件夹里。直接写图片名即可
上级：图片在html上级文件夹里。../代表上一级
下级：图片在html下级文件夹里。 /代表下一级
绝对路径
含有盘符的路径。
C:\Users\neal\Desktop\money.png
五、标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
标题标签独占一行。h1~h6逐步变小。标题标签字体是加粗的。
六、超链接标签
<a></a>
（1）a标签可以链接资源。跳转到资源， href属性指定一个要跳转到的地址。
（2）a标签可以定位资源。跳转到本网页指定位置。
属性：href。用于跳转
属性：target。用于指定跳转的方式。
_self：在当前页面中打开
_blank：在新的窗口中打开
七、表格标签
<table> 表格标签
<tr>
<th></th> 显示表头的单元格---加粗、居中
<td></td> 普通单元格
</tr>
</table>
table的属性：
border：设置边框粗细的
bordercolor：设置边框的颜色
cellspacing：设置单元格之间的距离，距离为0，线会合并（变粗）
width：表的宽度
height:表的高度
tr的属性：
align：对齐方式 left、center、right
td/th的属性：align同上
width：单元格的宽度
height：单元格的高度
bgcolor:单元格的背景色
八、表单元素
表单可以把前端页面的数据提交到后台。
<form></form>
表单里包含了各种各样的输入元素。
1、文本框<input> type="text" placeholder="提示语" size="30" maxlength="10" name="名称"
2、密码框<input> type="password" placeholder="提示语" size="30" maxlength="10" name="名称"
3、单选项<input> type="radio" name="名称" value="值" checked="checked"
4、复选项<input> type="checkbox" name="名称" value="值" checked="checked"
5、文件<input> type="file" name="名称"
6、下拉列表<select></select> name="名称"
<option></option> selected="selected"
7、文本域<textarea></textarea> rows="行数" cols="列数"--框的大小。
8、隐藏域<input> hidden
9、提交按钮<input> submit value="按钮名"
10、重置按钮<input> reset value="按钮名"
11、普通按钮<input> button value="按钮名"
12、图像提交<input> image src="图片地址" width="数值" height="数值"
input有一个type的属性，属性值不一样，显示的效果不一样。
form表单重要属性
action: 用于指定提交的地址。
提交的数据在你form里面的每个输入项里，输入项必须有name属性
注意:输入项的name叫什么取决于 接口文档里面怎么规定的。
提交到什么地方，取决于接口文档里的规定。
method: 提交方式
get:（1）提交的数据会显示在地址栏里。不安全，容易被别人看到。（get是form中method属性的默认值）
（2）长度有限。上传文件肯定不用get
post:（1）提交的数据不现在地址栏里，通过请求体传递给服务器。相对安全—学到http协议的时候会讲
（2）长度不限制。适合上传文件。
enctype:内容的传输形式
application/x-www-form-urlencoded：以键值对的方式提交数据。
键就是name对应的值（例如：pwd），值是输入的内容。
多个键值对用&连接。
multipart/form-data：以表单形式提交数据。可以传输文件。
如果不想让别人在地址栏里看见传输的内容使用post。否则不写method属性
如果需要上传文件必须用multipart/form-data。否则不写enctype属性
九、其他常用标签
b:加粗
strong:加粗
SEO可能会检索strong，但不检索b
i:斜体
u:下划线
s:删除线或贯穿线
del:删除线
pre:里面的内容原样显示
sub:下表
sup:上标
div空的块元素（没有任何样式的块元素）
div通常用于做布局用。把div当容器来用。
span空的行内元素
span通常用于做布局用。把span当容器来用。