排版标签
- 标题标签(head缩写)
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
- 段落标签(paragraph缩写)
- 换行标签(break缩写)
- 水平线标签(horizontal rule缩写)
文本格式化标签
加粗
加粗还有强调的语义
下划线
下划线还有强调的语义
倾斜
倾斜还有强调的语义 删除线 删除线还有强调的语义
媒体标签
- 图片标签
- 路径
绝对路径:目录下的绝对位置,可直接到达目标位置。
相对路径:从当前文件开始出发找到目标文件。
同级目录:./目标文件名字
下级目录:./文件夹名/目标文件名字
上级目录:../文件夹名/目标文件名字
- 音频标签
属性:controls:显示播放音频的控件(该属性属性值可省略)
autoplay:音频加载完毕会自动播放
loop:音频结束时重新开始播放
- 视频标签
属性:controls:显示播放视频的控件(该属性属性值可省略)
autoplay:视频加载完毕会自动播放
loop:视频结束时重新开始播放
链接标签(anchor缩写)
target的属性值:
_self:默认值,在当前窗口跳转(会覆盖原网页)
_blank:在新窗口中跳转(原网页保留)
列表标签
- 无序列表
注意:ul标签中只允许包含li标签,li标签可以包含任意内容
- 有序列表
注意:ol标签中只允许包含li标签,li标签可以包含任意内容
- 自定义列表
- 主题
- 内容
- 内容
注意:dl标签中只允许包含dt/dd标签,dt/dd标签可以包含任意内容
表格标签
- 表格的基本标签
内容 | 内容 |
- 表格相关属性(了解)
border:边框宽度
width:表格宽度
height:表格高度
- 表格标题和表头单元格标签
表头单元格 | 表头单元格 |
---|
- 表格的结构(了解)
表头单元格 | 表头单元格 |
---|---|
内容 | 内容 |
内容 | 内容 |
注意:thead表格头部、tbody表格主体、tfoot表格底部
caption标签不要包含到thead标签里面
- 合并单元格
跨行合并:rowspan
跨列合并:colspan
上下合并:只保留最上面的,删除其他
左右合并:只保留最左面的,删除其他
注意:只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨thead、tbody、tfoot)
表单标签
- input系列标签
type属性值:
text:文本框,用于输入单行文本
常用属性:
placeholder:占位符,提示用户输入内容的文本
password:密码框,用于输入密码
常用属性:
placeholder:占位符,提示用户输入内容的文本
radio:单选框,用于多选一
常用属性:
name:分组,有相同的name属性值的单选框为一组,一组中同时只能有一个被选中
checked:默认选中
checkbox:多选框,用于多选多
常用属性:
checked:默认选中
file:文件选择,用于之后上传文件
常用属性:
multiple:多文件选择
submit:提交按钮,点击之后提交数据给后端服务器
reset:重置按钮,用于重置
button:普通按钮,默认无功能,之后配合JS添加功能
- button按钮标签
type属性值:
submit:提交按钮,点击之后提交数据给后端服务器
reset:重置按钮,用于重置
button:普通按钮,默认无功能,之后配合JS添加功能
- select下拉菜单标签(了解)
常用 属性:
selected:下拉菜单的默认选中
- textarea文本域标签
常用 属性:
cols:规定文本域的可见宽度
rows:规定文本域的可见行数
- label标签
语义化标签
- 没有语义的布局标签
div标签:一行只显示一个(独占一行)
span标签:一行可以显示多个
- 有语义的布局标签
header:网页头部
nav:网页导航
footer:网页底部
aside:网页侧边栏
section:网页区块
article:网页文章
字符实体
- HTML中的空格合并现象
HTML代码中同时并列出现多个空格、换行、缩进等,最终浏览器只会解析出一个空格。
- 常见字符实体
空格
< 小于号 <
> 大于号 >
& &
" 引号 “
' 撇号 `
¢ 分 ¢
£ 磅 £
¥ 元 ¥
€ 欧元 €
§ 小节 §
© 版权 ©