块级标签
- 从新行开始
- 宽度、高度、内外边框可以修改
- 默认宽高、边框为容器的大小
- 可以容纳内联标签和其他标签
常用
换行
直线~
标题
- 块
- 段落
列表标签
无序列表
-
li标签可以加入其他标签
有序列表
自定义列表
- 只能包含dt标签
- dt标签只能包含dd标签 dd标签可加入其他标签
- 只能包含dt标签
页面布局
页眉 - 导航栏
- 页脚
- 文章
- 章节
- 侧栏
特殊字符
- 一个空格
以新窗口打开链接
行内标签
- 和其他行内标签在同一行
- 宽度、高度不可修改，但是水平方向的padding和margin可以修改
- 宽度为内容本身的宽度
- 只能容纳其他行内标签或文本
链接标签
多媒体标签
大文件视频，多格式
- src=”” 视频链接
音频
- src=”” 链接
- autoplay=”on” 自动播放
- controls=”controls” 显示音频控件
- 需要注意音频格式，有些格式浏览器无法解析：
- 三种格式音频：ogg、mp4、wav
- 可以将ource src=””>标签放入audio中
- 视频，小文件
其他
行内块标签
图片标签
表格标签
table属性
- width=”” 宽度 单位px
- height=”” 高度 单位px
- border=”” 边框厚度 单位px
- cellspacing=”” 边框距离 单位px
- cellpading =”” 字体偏移 单位px
- align=”” 表格位置 单位: left、center、right
标题
表头
- 行
- 列
- 列
- 行
表内容
- 行
- 属性- colspan="" 跨行合并 单位：数字
- 列
- 属性
- rowspan=”” 跨列合并 单位：数字
- 属性
- 列
- 行
- 列
- 列
- 行
表单控件
表单域，表单控件、提示文本
form 表单域
- action=”” 提交表单的地方
- method=”” 提交方式 get、post
- name=”” 提交名
控件分组 - 标题
输入框
type=””
- text 文本框
- value=”” 默认文本值
- maxlength=”” 最大长度
- password 密码 不显示输入信息
- radio 单选框
- name=”” 进行分组
- checkbox 复选框
- checked=”checked” 默认选中
- image 图片按钮
- src=”” 图片地址
- file 上传文件
- reset 重置按钮
- submit 提交
- 提交的地方
- text 文本框
点击提示文本自动对焦输入框
- 属性 for id定位其他标签
下拉框
- 属性
- selected=”selected” 默认值
- 属性
下拉框，搭配checkbox使用
input新增属性
type=””
- email 邮箱
- tel 电话
- number 数字
- url 链接
- search 搜索框
- range 滑块
- time 时间：小时、分钟
- date 时间：年、月、日
- datetime 时间：年、月、日
- month 时间：年、月
- week 时间：年、周
palceholder=”” 占位符 输入前提示，输入后不显示
- autofocus 自动获取焦点，打开页面光标自动跳入
- multipe 多文件上传，file只默认上传一个文件
- autocomplete =”on” 记录输入 ，下次点击即可看到
- required 要求 必填
- accesskey=”” 绑定快捷键
若有收获，就点个赞吧
0 人点赞
