1.HTML 指的是超文本标记语言
2.学习不同作用的标记 标签 作用 特点 属性 不同的属性值的作用
3.属性:帮助我们完善的展示标签
标签中添加属性,属性前添加空格
属性名 = "属性值" 属性值前后添加引号 ‘|" 保持一致
4.单标签|自闭和标签: 标签对中不需要内容
双标签|闭合标签 : 标签对中需要定义内容,有开始有结束
5.<!DOCTYPE html> 定义在html页面的首行,告诉浏览器html文档的版本
声明方式,html5的声明方式
6.<meta charset="utf-8"/> 告诉浏览器,用什么样的字符编码格式解析html页面中定义的内容
如果想要保证不乱码,一定要定义 charset
7.head标签对中定义的内容给浏览器看的设置
title标签 head中唯一一个能被用户看到的内容,定义页面的标题
body中定义的内容是给用户看的
重点关注body标签对中定义的内容
常用标签:
分类:
块元素 : 前后换行,独占一行
可以设置宽高
可以嵌套其他块元素,行内元素,普通文本
所有的块元素都有一个属性,align 对其方式
left right center
行内元素 : 可以和其他元素一行显示
不可以设置宽高,默认由自己内容撑起
只能嵌套其他行内元素或者文本..
a 超链接标签
属性:
href: 定义链接地址
绝对地址
相对地址
没有地址,每点击以此刷新以此
target 打开方式
_blank 新页面打开
_self 本页面打开
title 属性
鼠标悬停在内容上时候,显示的提示字
特点:
自带下划线
链接未访问:字体蓝色
链接已访问:字体紫色
锚链接
a标签的href属性的值为: #+定点id属性的值
p标签
上下会有一段留白
块元素
内容正常显示
div 块
是块元素
span 便于为元素提供样式
h* 1~6 标题标签
根据权重的不同,字体大小以此减小
加粗
表格标签 :
table 定义表格
tr 定义行
th 定义表格头单元格
加粗 居中
td 定义表格体单元格
常用属性:
border 变框
bordercolor 变框颜色
bgcolor 背景颜色
align 对其方式
width 宽度
height 高度
style="border-collapse: collapse;" 双线变成单线
colspan 跨列
rowspan 跨行
form 标签
作用: 收集用户信息
属性:
name 定义表单的名字
action 定义表单中数据的提交位置
method :提交方式
get 数据拼接在地址后面 默认
post 数据在请求头中
get和post之间的区别???
enctype 如果存在文件上传,表单的enctype属性值修改为multipart/form-data
表单元素: 定义在form标签中的元素
大部分的表单元素使用input进行定义 type属性不同的值代表不同的表单标签
text 普通文本框 name
password 密码框 加密 name
radio 单选框 name value
一组的内容,之能选择一个,单选,name的值相同为一组
checkbox 多选框
file 上传文件 修改enctype的值
hidden 隐藏框
submit 提交
button 按钮 常常结合js一起使用
reset 重置
button type属性 sumbit button reset
textarea 多行文本域
select 下拉列表框
option 定义下拉列表选项
想要有提交数据能力的表单元素必须定义name属性 ,是后台区分前台的唯一
fieldSet 文本域
label
常用属性:
checked 默认选中单选,多选框
selected 默认选中下拉列表选项
autofocus 自动聚焦
placeholder 提示字
required 必填属性
readonly 只读 不能修改能提交
disabled 禁用 不能修改不能提交
br 换行
hr 水平线
img 图像标签
src 图像地址 必填属性
相对地址
绝对地址
路径:
进入某个路径内部 /
返回上一层路径 ../
width : 宽度 ---属性是属于标签的,标签是html语言的
height : 高度
以px像素为单位
border : 变框
title: 当鼠标悬停在内容上时候,显示的提示字
列表标签:
无序列表
ul 定义无序列表
type属性更换列表项标记
li 定义列表项
有序列表
ol 定义有序列表
type属性更换列表项标记
原文：https://www.cnblogs.com/lingxi2b2/p/12046275.html