标签：
2.1标签的作用
2.2标签的特点
2.3标签上的属性
2.4属性的值
3.1 双标签|闭合标签： <title>sdfsfs<title>
单标签|自闭和标签：<meta charset = "UTF-8"/>
3.2 标签的分类:
3.2.1 块元素 : 独占一行,前后换行
设置快高
嵌套块元素,行内元素,普通文本
可以设置上下左右的内外边距
3.2.2 行内元素 : 宽度有内容决定,能和其他行内元素|文本同行显示
不能设置宽高
只能嵌套行内元素和文本
不能设置上下的内外边距
帮助更完整的展示标签的作用|功能（扩展标签的功能）
属性的签名必需添加空格
属性名 = ‘属性值’| “”
这是h5的版本声明方式
告诉浏览器使用什么样的编码格式解析html中的内容；
保证编码解码格式统一
功能会自动根据 <meta charset="UTF-8"/>设置，保证文件的编码和解码的统一
7.1 head:定义的内容是给浏览器的一些设置
7.2 title：标题标签
1 在head中必须包含title标签；
2 唯一一个能被用户看到的标签；
3 有利于搜索引擎的优化；
4 当页面被收藏，title标签对中的内容作为书签名
7.3 body：给用户看的内容
1 bgcolor：背景颜色
颜色的设定：
a:颜色的英文单词
b:颜色的十六进制 #+个字符
c:三原色 rgb（0~255，0~255,0~）
2 background：背景图片
绝对地址 http：//。。。
相对地址 images/xx.png
1.1 属性：
1.1.1 herf ：定义链接地址 （必填属性）
绝对地址
相对地址：相对当前文件位置而言
1.1.2 title：为a标签定义标题，当鼠标悬停在元素上时显示标签值
1.1.3 target 打开方式
_blank 在新页面打开
_self 在本页面打开（默认）
1.2 样式：
1.2.1 下划线
链接未点击：字体蓝色
链接已点击：字体紫色
1.2.2 a锚点|锚链接
a:设置定点
b:点击a标签跳转到对应的定点；
a标签的href属性的值与定点的id属性值保持一致 href = “#id”
< a href = "http://www.mi.com" title = "小米小米" target = "_blank" > 小米官网< /a>
< a href = "htm01l入门.html" > html01入门.html< /a>
< a href = "#buttom" > 去底部< /a>
< br>
< div id = "buttom" > 最底部< /div>
2.1 p 段落标签
2.1.1 语义化
2.1.2 正常显示
2.1.3 块元素
2.1.4 嵌套关系：只能嵌套p标签，行内元素《span/》，文本
h1~h6
a:根据权重的不同字体大小一次减小
b:加粗，字体大小有变化
c：语义化
d：与搜索引擎优化有关
4.1 块元素，正常表示
4.2 div中嵌套任意内容
4.3 div+css实现网页布局
5.1 便于为内容添加样式
5.1.1 行内元素
5.1.2 正常显示
6.1 src 图像地址 必填属性
相对地址
绝对地址
6.2 width ：像素值为单位（px）
6.3 height ：设置高度
设置宽|高的一个值，两一个值会 等比进行缩放
6.4 alt 当图像无法正常显示时显示的提示字
6.5 title：当鼠标悬停在元素上时候显示的提示字
7.1 无序列表ul
7.1.1 修改列表项标记：
在ul标签上添加type属性：square实心方块 circle 空心圆圈 desc圆圈
7.2 有序列表
7.2.1 修改列表项标记:
在ol标签上添加type属性：a A i l 1
7.3 列表项：li
列表之间都可以任意嵌套
ul，ol直接子元素只能为li标签
li标签中可以嵌套任意元素
< head> < metacharset = " UTF-8" > < title> </ title> < style>
ul,ol {
list-style : none;
}
</ style> </ head> < body> < h3> </ h3> < ultype = " circle" > < li> </ li> < li> </ li> < li> </ li> < li> </ li> </ ul> < h3> </ h3> < oltype = " I" > < li> </ li> < li> </ li> < li> </ li> < li> < ul> < li> </ li> < li> </ li> < li> </ li> </ ul> </ li> </ ol> </ body> 7.4 描述列表：dl
a:<dl>标签 定义一个描述列表
b:<dl>标签与<dt>(定义项目/名字）和<dd>（描述每一个项目、名字）一起使用
< h3> </ h3> < dl> < dt> </ dt> < dd> </ dd> < dd> </ dd> < dd> </ dd> < dd> </ dd> < dt> </ dt> < dd> </ dd> < dd> </ dd> < dd> </ dd> </ dl> < tableborder = " 1" bordercolor = " pink" width = " 500px" height = " 350px" align = " center" style = " border-collapse : collapse" bgcolor = " #dda0dd" > < tr> < thcolspan = " 6" > </ th> </ tr> < trbgcolor = " #db7093" > < th> </ th> < th> </ th> < th> </ th> < th> </ th> < th> </ th> < th> </ th> </ tr> < tralign = " center" > < tdrowspan = " 3" > </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> < tralign = " center" > < td> </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> < tralign = " center" > < td> </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> < tralign = " center" > < tdrowspan = " 2" > </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> < tralign = " center" > < td> </ td> < td> </ td> < td> </ td> < td> </ td> < td> </ td> </ tr> </ table> </ body> </ html> 9.1 作用：收集用户信息
9.2 form常用属性：
9.2.1 action 提交位置
9.2.2 name 表单的名字
9.2.3 method 提交方式
a：get ：缺点：数据拼接在地址栏中发送到后台；大小存在限制；数据可能不安全；
优点：简单，效率高，默认方法
b：post：数据存储在请求头中 ,大小没有显示,数据安全
9.2.4 enctype：
在表单中如果存在文件上传：
注意修改enctype属性值恩仇type=“multipart/form-data”
9.3 表单元素：经常用在form标签中的元素(标签+内容）“” 大部分的表单元素都是input标签,type属性值的不同,具有不同的作用
9.3.1 type：
text :文本框
password: 密码框 显示加密 ********
rodio :单选框
一组单选框只能选择一个，name属性值相同同为一组
checkbox： 多选框
hidden： 隐藏框，在提交表单的同时提交一宿数据，不用用户输入的
submit ： 提交框
reset 重置
恢复到默认情况
buttom 按钮
常配合js一起使用
textarea 多行文本域
textarea 下拉列表
option 下拉列表选项
fieldset 分组
legend 分组标题
9.3.2 常用属相：
maxlength 最大长度
requird 必填属性
checked 单选|多选 默认选中
selected 下拉框的默认选中
placeholder 默认提示字
disabled 禁用
显示灰色，不能提交，不能修改
readonly 只读
不能修改，可以提交
9.4提交数据需求的表单元素，必须定义name属性值
9.4.1 name属相：后端去区分前台的唯一
9.4.2 id属性：前台区分元素的唯一，元素标签的唯一标识，一个html中不能存储重复的id值
9.4.3 class属性：常常配合css一起使用
< h1> </ h1> < formaction = " " name = " myForm" method = " get" enctype = " multipart/form-data" > < p> < inputtype = " text" name = " username" value = " 张三" > </ p> < p> < inputtype = " password" name = " password" > </ p> < p> < inputtype = " radio" name = " gender" value = " man" > < inputtype = " radio" name = " gender" value = " woman" > </ p> < p> < inputtype = " checkbox" name = " hobby" value = " sing" > < inputtype = " checkbox" name = " hobby" value = " dance" > < inputtype = " checkbox" name = " hobby" value = " rap" > < inputtype = " checkbox" name = " hobby" value = " code" > </ p> < p> < inputtype = " hidden" name = " 隐藏框的名字" value = " 隐藏框的值" > </ p> < p> < inputtype = " file" name = " photo" > </ p> < p> < textareaname = " info" id = " " cols = " 30" rows = " 10" > </ textarea> </ p> < inputtype = " submit" > < inputtype = " button" value = " 按钮" onclick = " alert(' 你四不四傻!!!!' )" > < inputtype = " reset" value = " 重置" > < buttontype = " submit" > </ button> < buttontype = " button" > </ button> < buttontype = " reset" > </ button> </ form> </ body> </ html> 11.1 字体倾斜，情调
3598
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
