HTML常用标签

2020-04-22 90 阅读1分钟

a 标签的用法

a href 超链接

<a href="//baidu.com">百度</a> 链接百度网址

```
<a href="id"></a> 跳转到id锚点
```

<a href="javascritp:;"></a> 创建什么都不做的a标签

```
<a href="#"></a>空链接
```

<a href="tel:123213123"></a> 点击链接打电话

<a href="mailto:599304776@qq.com"></a> 点击链接发邮件

target

```
target:"_blank"  新窗口打开链接
```

target:"_self"  默认当前页面打开

target:"_parent"  在父元素打开链接

```
target:"_top"  在整个窗口打开
```

img 标签的用法

```
img src="" 图片地址
```
```
img alt="" 图片替代文本
```

img width="" 设置图片宽度（只设一个值时等比例）

```
img height="" 设置图片高度
```

table 标签的用法

<table> <thead></thead>头部 <tbody></tbody>身体部分 <tfoot></tfoot>尾部 </table>

```
<tr></tr> 行 table row 
```
```
<th></th> tr head (加粗)
```
```
<td></td> tr data 文本资料
```
```
border-collapse:collapse 合并表格
```
```
border-spacing:0 空隙为0
```

input 标签的用法

type 属性

text 文本属性
password 密码属性
submit 提交按钮
checkbox 复选框
file 上传文件
radio 单选按钮
button 按钮

<input>与<button>的区别是button能添加其他标签，而input只能添加文本