HTML常用标签
a标签
- 属性
- href
- target
- download(了解,很多浏览器不支持)
- rel=noopener
href:规定链接的目标 URL
取值:
- 网址:
https://baidu.com
http://baidu.com
//baidu.com(这种方式会自动选择https:或http:,推荐使用,不会报错)
- 路径
绝对路径或相对路径:/a/b/c.html a/b/c.html
注意:如果开启http-server -c-1的话,开启的目录就是根目录 - 伪协议
- javascript:代码 (执行js代码)
- mailto:邮箱 (跳转到发送到此邮箱的空邮件界面)
- tel:电话 (拨打电话)
- id
#id名 (跳转内部锚点,跳转到id为此名的标签位置上)
<a href="#">top</a> 点击后页面会刷新并且会回到顶部,也可以绑定id跳转到指定位置
<a href="javascript: ;"> 点击之后没有反应页面也不会刷新,内部也不会跳转
target:规定在何处打开目标 URL。仅在 href 属性存在时使用
取值:
- 内置名字
_blank (新空白页打开)
_top
_parent(这三个值,若使用iframe标签可区分)
_self(默认,在本页面打开)
- 程序员命名
windows.name
iframe.name (始终在这个iframe或页面打开)
img标签
- 作用:发出get请求,展示一张图片
- 属性:alt/src/height/width (宽高只改变一个会自适应改变另一个 都改变图片可能会变形 图片变形前端绝对不允许!!!)
- 事件:onload/onerror
- 响应式:max-width:100%(图片最大宽度为窗口宽度的100%)
- 可替换元素
table标签
- 标准格式
<table>
<thead></thead>表头
<tbody></tbody>表身
<tfoot></tfoot>表格底部
</table>(table里只能有这三个子标签,看字面意思,顺序可以变,但渲染出来还是从“头”到“脚”)
- 相关标签
<tr></tr>行
<th></th>表头单元格
<td></td>包含数据的表格单元格
- 相关样式
table-layout
border-spacing
border-collapse