html学习
HTML认知
什么是HTML
超文本标记语言(hypertext markup language)
超文本：在网页中显示的内容不仅局限于文本，还可以显示图片、视频、音频、超链接、列表等内容！
标记：是html语言的特点，核心表示符号就是<>，而<>在html语言中的内容呈现就是标签！
HTML语言的特点
1、标签要正确的嵌套！
2、父子级标签在书写时，要注意缩进！
3、html中标签名大小写都可，但是规范下全部小写！
4、标签在html中有两种：双标签、单标签
双标签一对，有开标签、关标签组成，其中，关标签内要有斜杠！
单标签没有开关之分，但是规范下，也要书写斜杠！
5、html文档中根标签可以存在多个！
6、网页文件的后缀名可以为html或者htm，在浏览器中运行！
HTML中的常用标签
1、标题标签，h1~h6
特点：文本自带加粗效果，而且h1的字体大小最大！虽然有六个，但是常用的为h1~h3，因为标题标签在内容区中要有醒目(字够大、加粗)的效果！
2、段落标签，p
特点：用于表示网页中的正文内容，双标签。不会像标题标签一样有自带的加粗效果，就是正常的文本显示！
3、换行标签，br
特点：可以在浏览器页面中显示内容时，换行显示，单标签。
4、分割线标签，hr
特点：用于界定网页中的内容区，可以划区域，分割内容，单标签
hr的标签属性：
width：宽度，可以给具体的数值单位默认是像素px，也可以给百分比
size：高度，取值为1~7，值越大越高
color：颜色，取值颜色的英文单词
标签属性的语法格式：
(1) 标签属性写在标签的行间，双标签写在开标签，单标签就写在内部
(2) 标签属性也可以称为行间属性
(3) 标签属性名=”值”，一组与一组之间使用空格隔开，第一组属性要与标签名以空格隔开
5、字体标签，font
特点：用于承载不同样式的文本，双标签。
font标签的标签属性：
size：字体大小，取值范围1~7，值越大，字越大
color：字体颜色，目前也只需要记住英文单词以及十六进制代码的写法即可！
可以实现字体加粗的标签b(bold)、strong
可以实现字体倾斜的标签i(italic)、em
b与i实现字体变化是从UI(userInterface)角度出发的！strong和em是从强调的语义层面修改的文本显示效果！不同浏览器对强调的理解不一样，所以strong和em的样式有可能会不出现！
6.图片标签，img
img标签的标签属性：
src：图片的路径，可以是相对路径，也可以是绝对路径
width：图片的宽度
height：图片的高度
width与height同时给定，按照给定的值显示，如果只给一边另一边也会等比缩放！
alt：图片由于某些原因加载失败时，为了增强用户体验，显示的占位文本
title：鼠标悬停在标签上时，出现的文本提示
7.超链接标签，a
超链接标签点击完成后，可以进行路径跳转！
超链接标签的属性解析：
href：超链接的链接地址，可以是相对路径，也可以是绝对路径，但是注意绝对路径在书写时出了域名还需要加上网络传输协议！
target：链接的打开方式、位置，默认值为_self刷新自身，我们改值为_blank之后，可以让链接在新窗口打开！
8.列表：有序列表、无序列表
有序列表：ol li
无序列表：ul li
ol和ul本身是不会显示的，在页面中显示的是li中的内容！
ol li与ul li的组合是固定的，li的父级必须是ul或者ol，而ul、ol内的直接子级必须是li！
默认无序列表ul中列表项显示的是小黑点，有序列表ol中列表项显示的有序数字，显示的列表项符号是可以改动的，针对ul以及ol提供了一个type属性！
无序列表ul的type属性值：默认为disc小黑点，circle圆圈，square黑方块
有序列表ol的type属性值：默认为1代表有序数字，a小写字母，A大写字母，i小写罗马数字，I大写罗马数字！
表格table
1.为什么要学习table表格呢？表格的作用是什么？
让一组数据的展示具有结构、清晰明了、直观！！！
2.表格中的标签组成：
最外层是table
表格标题caption
行tr标签
单元格：th表头单元格、td内容单元格
th表头单元格默认字体加粗以及字体居中！
3.表格属性的解析：
border：设置给table标签，让表格产生边框，并让单元格之间有分割线！必须存在的属性，可以不给值！
cellspacing：设置给table标签，单元格与单元格之间的间隙
cellpadding：设置给table标签，单元格与自身内容之间的间隙
width：设置给table表格整体变宽，不能设置给tr，设置给th或者td后，此单元格所在这一列的整体宽度都会发生变化，因为表格默认是对齐的！
height：设置给table表格整体变高，设置给tr这一行变高，设置给th或者td后，此单元格所在这一行整体高度都会发生变化，因为表格默认是对齐的！
align：取值left、center、right。设置给table影响表格整体的位置，设置给tr影响这一行中所有单元格中内容的位置，设置给th或者td只影响这个单元格中内容的位置
bgcolor：颜色的英文单词、十六进制代码。设置给table整个表格变色，设置给tr这一行变色，设置给th或者td此单元格变色
bordercolor：设置表格边框及分割线的颜色，设置给table标签
colspan：列合并，设置给th或者td，然后从当前这一个单元格开始合并给定数量的单元格！为了保证合并完成后表格的对齐，需要将当前这个单元格所在这一行后面合并的单元格删除！
rowspan：行合并，设置给th或者td，然后从当前这一个单元格开始合并给定数量的单元格！为了保证合并完成后表格的对齐，需要将当前这个单元格所在这一列同一位置上合并的单元格删除！
表单form
为什么要使用表单？
表单form在实际开发中的应用场景：登录、注册
收集数据、提交(发送)数据，而且数据提交时，是可以一次性提交多组数据的！
1、表单form内部收集数据的标签分类
(1)input标签
type属性标识input收集数据的方式：
text 文本输入框
password 密文输入框
radio 单选框
checkbox 复选框
file 文件上传域
button 普通按钮
submit 提交按钮
reset 重置按钮
hidden 隐藏域
date 日期选择框
name属性是为了收集、提交的数据设置关键字的属性！
value属性是收集的数据值！
输入框、文件上传域、日期可以不给定value，因为可以输入或者选择，但是单选框及复选框想要进行数据提交，必须把value的值绑定在标签内部！
name就是数据传递的名字，而value才是数据的值！
placeholder占位符属性，针对输入框提供的占位文本，用于提示用户输入信息的！
checked属性，针对单选框、复选框提供的默认选中！
disabled，禁用
(2)select...option标签，下拉选择框，数据会以下拉列表的形式呈现，我们去选择对应的数据
name属性设置给select标签，代表当前数据的关键字
value属性设置给option标签，是真正传递提交的数据，写在option标签内的文本只是为了在页面中显示内容！
selected属性设置给option标签，可以实现默认选中！
(3)textarea标签，文本域
name属性为数据提供关键字
rows行数，用于限制文本域的高度，如果内容超出了指定的行数，出现纵向滚动条
cols列数，用于限制文本域的宽度，如果内容超出了指定的列数，自动换行
框架集frameset
1、场景：
frameset框架集，可以包含多个页面，将多个页面的内容集成在一起进行显示。最典型的场景就是XXX管理系统的首页面！
2、frameset的使用
注意事项：
(1) frameset与body不能同时存在！
(2)frameset的字标签可以是frame，也可以是frameset，但是frame的父级只能是frameset
(3)frameset的属性：
rows，限制子标签的高度，可以给具体的值，也可以给*通配剩余量
cols，限制子标签的宽度，可以给具体的值，也可以给*通配剩余量
border，调整多个frame之间分割线的粗细
(4) frameset的属性：
src，引入集成的页面路径
noresize，在集成完毕之后，不允许拉伸页面尺寸
name，为当前的frame页面设置一个名称，后期在改变内容时，可以指定到底是哪一个页面要改变！
