标签
图片标签
<img src="" alt="" width="" title="">
src:路径
alt:替换文字
width:宽度,高度自适应改变,一般设置其中之一即可,同时用两个可能使图片变形
title:鼠标悬停时显示文字
文字格式化标签
需要让文字加粗、下划线、倾斜、删除线等效果
作用 | 标签 | 标签 |
---|---|---|
加粗 | b | strong |
下划线 | u | ins |
斜线 | i | em |
删除线 | s | del |
音频标签
<audio src="" controls autoplay loop></audio>
属性 | 作用 |
---|---|
src | 路径 |
controls | 显示音频控件 |
autoplay | 自动播放(部分浏览器不支持) |
loop | 循环播放 |
视频标签
和音频标签一样
<video src="" controls autoplay loop></video>
超链接
<a href="" target=""></a>
属性 | 功能 |
---|---|
href | 跳转地址 |
target | 网页打开形式默认_self(覆盖当前)、__blank(再开一个页面) |
列表
ul{
list-style: none;
}
去掉列表符号
标签名 | 说明 |
---|---|
ul | 无序列表整体,用于包含li标签(只能包含li) |
ol | 有序列表整体,用于包含li标签(只能包含li) |
li | 列表每一项,包含一行内容 |
dl | 表示自定义列表的整体,用于包裹dt/dd标签 |
dt | 表示自定义列表的主题 |
dd | 表示自定义列表的针对主题的每一项内容 |
dd前会默认显示缩进效果
dl标签中只允许包含dt/dd标签
dt/dd标签可以包含任意内容
表格
标签名 | 说明 |
---|---|
table | 表格整体,可用于包裹多个tr |
tr | 表格每行,可用于包裹td |
td | 表格单元格,可用于包裹内容 |
表格相关属性
属性名 | 属性值 | 效果 |
---|---|---|
border | 数字 | 边框宽度 |
width | 数字 | 表格宽度 |
height | 数字 | 表格高度 |
其他标签
标签名 | 名称 | 说明 |
---|---|---|
caption | 表格大标题 | 表示表格整体大标题,默认在表格整体顶部居中位置显示 |
th | 表头单元格 | 表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示(特殊的td) |
合并单元格
- 明确合并哪几个单元格
- 通过左上原则,确定保留谁删除谁
- 上下合并→只保留最上的,删除其他
- 左右合并→只保留最左的,删除其他
- 给保留的单元格设置:跨行合并(rowspan)或者跨列合并(colspan)
属性名 | 属性值 | 说明 |
---|---|---|
rowspan | 合并单元格个数 | 跨行合并,将多行的单元格垂直合并 |
colspan | 合并单元格个数 | 跨列合并,将多列的单元格水平合并 |
输入框
type为radio
属性名 | 说明 |
---|---|
name | 分组。有相同name属性值的单选框为一组,一组中同时只能有一个被选中 |
checked | 默认选中 |
type为file 文件选择
属性名 | 说明 |
---|---|
multiple | 多文件选择 |
按钮系列
属性值 | 说明 |
---|---|
submit | 提交按钮。点击之后提交数据给后端服务器 |
reset | 重置按钮。点击之后恢复表单默认值 |
button | 普通按钮。默认无功能,之后配合js添加功能 |
下拉框
select标签:下拉菜单的整体
option标签:下拉菜单的每一项
selected属性:默认选中
<select>
<option></option>
<option></option>
<option selected></option>
</select>
布局标签
div标签:一行只显示一个(独占一行)
span标签:一行可以显示多个
字符实体
空格:
相对路径
从当前文件开始找目标文件的过程
同级文件:直接文件名 或 ./文件名
下级文件:文件夹名/文件 或 ./文件夹名/文件
上级文件:使用…/返回上级目录,如果有多级就多次使用…/