html学习记录
一.语法规范
标签是由尖括号包围的关键词，有单标签，双标签，双标签成对出现，第一个标签是开始标签，第二个标签是结束标签。单标签则不用，单标签数量非常少，如<br />
二.标签关系
有包含关系和并列关系。
包含关系：
<head>
<title></title>
</head>
并列关系：
<head></head>
<body></body>
三.HTML基本结构标签
如 <html></html>，<head></head>，<body></body>等等
四.基本结构
文档类型声明标签：<!DOCTYPE html>--html5(必须写到第一行)
lang语言种类：fr--法文，en--英语，zh-CN--中文 (<html lang="zh-CN">)
五.字符集
字符集以便计算机能够识别和储存文字
在head标签里可以通过<meta>标签的charset磊规定字符编码的使用
一般写万国语 <meta charset="UTF-8">
六.HTML常用标签：
1.标题标签
<h1>--<h6> (6个等级的标签)，一个标题占一行
2.段落标签和换行标签
<p></p> 文字分段要用这个标签把每一段包起来。
<br /> 换行标签(单标签)
段落之间有空隙，而换行没有。
3.文本格式化标签：
为文字设置粗体，斜体，下划线等效果。
加粗：<strong></strong>或<b></b>
倾斜：<em></em>或<i></i>
删除线：<del></del>或<s></s>
下划线：<ins></ins>或<u></u>
4.盒子标签(布局)：
1.<div> 一个单独占一行，用来装内容,大盒子
2.<span> 用来布局，一行可以有多个span,小盒子
5.图像标签
1.图像标签：<img src="图像URL" />,src必写，用于指定图像文件的路径和文件名。
2.图像标签的其他属性：
alt--替换文本，图像不能显示时会出现的文字；
title--提示文本，鼠标放到图像上，显示的文字；
width--像素，设置图像宽度
height--设置图像的高度
(宽度和高度一般只写其中一个，另一个会随比例变化)
border--设置图像的边框粗细
(width，height，dorder三个属性的数值都是数字(像素))
注意事项：可以有多个属性，属性之间不分顺序，标签名，属性之间用空格分隔，属性定义方式：key="数值"。
6.路径
(1)相对路径
需要引用的图片位于下一级时，要先写文件夹名，然后/文件；
在上一级时，要用../
注意上一级和下一级都是相对html文件而言的
(2)绝对路径
a.绝对路径是直接挂电脑上的文件位置，不同人电脑不一样，仅作个人观用
b.还有一种绝对路径，是引用网上的图片，直接挂网址。
7.超链接标签
1.链接的语法格式：
<a href="跳转目标网址地址链接" target="目标窗口的弹出方式">显示内容</a>
href为必须属性，target用于指定链接页面的打开方式，其中_self为默认值(当前窗口打开页面)，_blank(在新窗口中打开方式)
2.链接的分类
a.外部链接(外源网站)：必须加http:// + 目标地址
b.内部链接(隶属于同一文件的html文件)：只写目标地址，
c.空链接：如果页面还为完成制作，可以写一个空链接来突出形式
<a href="#">名字</a>
d.下载链接：如果href里面的地址链接的是文件 .exe 或者是 .zip 等压缩包形式，会直接下载
e.网页元素链接：网页中的图片，文字，表格，音频，视频等元素都可以添加超链接
f.锚点链接(点击后会迅速定位到当前页面的某个位置)：
<a href="#目标名字"></a> ----(锚点链接)
找到跳转目标位置的标签，在标签内添加一个id属性：id = "目标名字"(一般写在双标签的前标签内)
8.注释标签
<!----!>
<!--想要注释掉的语句(不会显示在网页中)--!>(在开发中使用快捷键Ctrl + /)
9.表格标签
<table></table> 定义表格
(1)表格属性
表格的属性是必须写在<table></table> 标签中的
<th></th> 和<tr></tr> 同级，常用于表头制作，文字会加粗居中显示
<tr></tr> 定义表格中的行，必须嵌套在表格标签中
<td></td> 定义表格中单元格，必须嵌套在表格行标签中
(2)表格结构标签
结构标签可以使表格代码结构更加清晰
<thead></thead> 内必须包含<th></th> 标签
<tbody></tbody> 内必须包含<tr></tr> 标签
(3)合并单元格
a.(目标单元格)：合并代码需要写的具体标签位置
b.跨行合并(最上侧单元格为目标单元格)：rowspan="2" 数字为想要合并的单元格数量
跨列合并(最左侧单元格为目标单元格)：clospan="2" 数字为想要合并的单元格数量
c.最后将多余单元格标签删除即可
10.列表标签
无序列表，有序列表，自定义列表
七.表单
1.表单标签(表单域)
<form></form> 定义表单域，实现用户信息和传递
2.input元素
单标签：<input/>
type属性值，不同的属性值指定不同的表单控件类型
(1)type属性值表
submit默认显示内容---提交，reset默认显示内容---重置
(2)其他属性表
在使用name属性时，多个radio单选按钮加相同名字的name属性可以实现多选一的效果
name属性用于区别不同表单，后台可以通过name属性找到特定的表单
value属性定义的是选择后返回服务器的值，同时改变页面内容显示
单选按钮(radio)和多选按钮(checkbox)的name值都要各自相同
(3)<lable></label>标签
实现：需要在<input/>标签内增加一个相同名称的id值，label中需要有一个for值，for和id中名称相同
作用： 点击包含在label中的文字后，光标会自动锁定到输入框
3.select元素
双标签： <select></select>，用来制作下拉列表
<option></option>标签为下拉的每一个选项，内包含于<sleect></select>标签内
<sleect></select>内至少包含一对<option></option>
(1)selected属性
可以在<option></option>中定义一个属性selected = “selected”设该项为默认选中项
4.textarea元素
双标签：<textaera></textaera>
文本域标签： 一个特大号的文本框，支持输入多行内容
标签中间可以输入页面默认显示文字
(1)cols属性
cols="文字数"
规定每行最多输入多少个文字
(2)rows属性
rows="行数"
规定页面中默认显示多少行
八.特殊字符表
