排版标签

  1. 标题标签(head缩写)

一级标题


二级标题


三级标题


四级标题


五级标题

六级标题

  1. 段落标签(paragraph缩写)

  1. 换行标签(break缩写)


  1. 水平线标签(horizontal rule缩写)


文本格式化标签

加粗
加粗还有强调的语义
下划线
下划线还有强调的语义
倾斜
倾斜还有强调的语义
删除线
删除线还有强调的语义

媒体标签

  1. 图片标签

替换文本

  1. 路径

绝对路径:目录下的绝对位置,可直接到达目标位置。
相对路径:从当前文件开始出发找到目标文件。
同级目录:./目标文件名字
下级目录:./文件夹名/目标文件名字
上级目录:../文件夹名/目标文件名字

  1. 音频标签


属性:controls:显示播放音频的控件(该属性属性值可省略)
autoplay:音频加载完毕会自动播放
loop:音频结束时重新开始播放

  1. 视频标签


属性:controls:显示播放视频的控件(该属性属性值可省略)
autoplay:视频加载完毕会自动播放
loop:视频结束时重新开始播放

链接标签(anchor缩写)


target的属性值:
_self:默认值,在当前窗口跳转(会覆盖原网页)
_blank:在新窗口中跳转(原网页保留)

列表标签

  1. 无序列表






注意:ul标签中只允许包含li标签,li标签可以包含任意内容

  1. 有序列表






注意:ol标签中只允许包含li标签,li标签可以包含任意内容

  1. 自定义列表


主题

内容

内容


注意:dl标签中只允许包含dt/dd标签,dt/dd标签可以包含任意内容

表格标签

  1. 表格的基本标签





内容内容
  1. 表格相关属性(了解)

border:边框宽度
width:表格宽度
height:表格高度

  1. 表格标题和表头单元格标签






表格大标题
表头单元格表头单元格
  1. 表格的结构(了解)




















表头单元格表头单元格
内容内容
内容内容

注意:thead表格头部、tbody表格主体、tfoot表格底部
caption标签不要包含到thead标签里面

  1. 合并单元格

跨行合并:rowspan
跨列合并:colspan
上下合并:只保留最上面的,删除其他
左右合并:只保留最左面的,删除其他
注意:只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨thead、tbody、tfoot)

表单标签

  1. input系列标签


type属性值:
text:文本框,用于输入单行文本
常用属性:
placeholder:占位符,提示用户输入内容的文本
password:密码框,用于输入密码
常用属性:
placeholder:占位符,提示用户输入内容的文本
radio:单选框,用于多选一
常用属性:
name:分组,有相同的name属性值的单选框为一组,一组中同时只能有一个被选中
checked:默认选中
checkbox:多选框,用于多选多
常用属性:
checked:默认选中
file:文件选择,用于之后上传文件
常用属性:
multiple:多文件选择
submit:提交按钮,点击之后提交数据给后端服务器
reset:重置按钮,用于重置
button:普通按钮,默认无功能,之后配合JS添加功能

  1. button按钮标签


type属性值:
submit:提交按钮,点击之后提交数据给后端服务器
reset:重置按钮,用于重置
button:普通按钮,默认无功能,之后配合JS添加功能

  1. select下拉菜单标签(了解)


常用 属性:
selected:下拉菜单的默认选中

  1. textarea文本域标签


常用 属性:
cols:规定文本域的可见宽度
rows:规定文本域的可见行数

  1. label标签


两种使用方法:

语义化标签

  1. 没有语义的布局标签

div标签:一行只显示一个(独占一行)
span标签:一行可以显示多个

  1. 有语义的布局标签

header:网页头部
nav:网页导航
footer:网页底部
aside:网页侧边栏
section:网页区块
article:网页文章

字符实体

  1. HTML中的空格合并现象

HTML代码中同时并列出现多个空格、换行、缩进等,最终浏览器只会解析出一个空格。

  1. 常见字符实体

  空格
< 小于号 <
> 大于号 >
& &
" 引号 “
' 撇号 `
¢ 分 ¢
£ 磅 £
¥ 元 ¥
€ 欧元 €
§ 小节 §
© 版权 ©