html基础标签使用

标签

图片标签

<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)

合并单元格

1. 明确合并哪几个单元格
2. 通过左上原则，确定保留谁删除谁
   • 上下合并→只保留最上的，删除其他
   • 左右合并→只保留最左的，删除其他
3. 给保留的单元格设置:跨行合并（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标签:一行可以显示多个

字符实体

空格： 

相对路径

从当前文件开始找目标文件的过程

同级文件：直接文件名 或 ./文件名

下级文件：文件夹名/文件 或 ./文件夹名/文件

上级文件：使用…/返回上级目录，如果有多级就多次使用…/