一、格式标签
| br | 换行,单标签 |
| nobr | 不换行,双标签(避免到浏览器边界自动换行) |
| p | 段落,align属性:left|center|right |
| center | 大面积居中 |
| pre | 按源代码显示 |
| ul | 无序列表,小圆点 |
| ol | 有序列表,数字 |
| dl | 自定义列表,definition lists |
| dt | 自定义标题 |
| dd | 自定义列表内容 |
| hr | 导航线 |
说明:
(1)很多标签,p标签、body标签,与生俱来带的格式就有外边距。
(2)html里连续多个空格、回车,显示都算一个空格。pre标签可以按原格式输出。
二、标签分类
1、块标签
独占一行,自动换行
2、行标签
自己有多宽占多宽
三、div和span
| div | 无意义块标签 |
| span | 无意义行标签 |
四、文本标签
| h1-h6 | 加粗字体 |
| b | 加粗 |
| i | 斜体 |
| u | 下划线 |
| font | 文字,设置文字大小、颜色 |
五、图片标签
| img属性 | |
| src | 图片地址 |
| alt | 图片错误的时候才会显示 |
| title | 鼠标放到图片上有一个描述 |
| width | 宽度 |
| height | 高度 |
| usemap | 热点地图 |
六、网页代码结构、实体、颜色和透明度
1、标签分为单标签和双标签
2、页面的所有效果都是标签呈现的
3、html标签相当于水泥砖,css相当于装修润色,javascript提供特效让页面动起来
七、html颜色
1、十六进制
| # 红 绿 蓝 | |
| #FF00FF | 紫色 |
| #FF0000 | 红色 |
| #00FF00 | 绿色 |
| #0000FF | 蓝色 |
| #CCCCCC | 灰色 |
| #FFFF00 | 黄色 |
| #00FFFF | 青色 |
| #000000 | 黑色 |
| #FFFFFF | 白色 |
2、十进制
rgb(255, 0, 0);
3、带透明度
rgba(255, 0, 0, 0.5);
4、#F00:如果一个颜色两个数字相同的,可以取一个。就是#FF0000
八、表单标签
| form标签属性 | |
| action | 提交到哪儿去 |
| method | 提交方式get和post |
| enctype | 上传文件时声明编码类型,multipart/form-data |
表单元素
| input的type类型 | |
| text | 文本元素 |
| password | 密码元素 |
| file | 文件元素 |
| submit | 提交元素 |
| reset | 取消元素 |
| radio | 单选 |
| checkbox | 多选 |
| textarea | 文本块 |
label标签可以在单选、多选标签中,点击文本就选中。
九、标签共有属性
| id | id是唯一的,通过id找到样式 |
| class | 通过类名找到样式 |
| style | 标签样式 |
| title | 标签标题 |
标签代表一群人,class代表一类人,id代表唯一的一个人。
十、语义化标签
网页布局大致分为:顶部,中部,底部。所以提供了语义化标签。
| article | 文章 |
| footer | 尾部 |
| header | 头部 |
| nav | 导航菜单 |
| section | 中间部分 |
十一、视频标签
十二、音频标签
十三、声明
告诉浏览器页面使用html5的版本