HTML常用标签

a标签的用法

1. 跳转到外部页面
2. 跳转到内部锚点
3. 跳转到电话或者邮箱

a标签的属性

href: 规定链接的目标URL(可以是网址/路径/伪协议)

例:

• baidu.com
• baidu.com
• //baidu.com (推荐使用)这个会自动选择是https还是http
• /a/b/c以及a/b/c
• index.html或者./index.html
• javascript 代码
• mailto 邮箱
• tel 手机号
• id

target:在什么地方打开超链接

内置名字:

1. _blank 新窗口打开
2. _top 顶层打开
3. _self 默认,在本窗口打开
4. _parent 在父级窗口打开

程序员命名: target="XXX" 创建一个名为XXX的窗口 window.name //JS验证

img标签的用法

作用:发出get请求 展示一张图片

属性:

alt:图片显示失败时的提示

(作为前端工程师,永远不要让图片变形)

height:图片的高度

width:图片的宽度

src:图片的路径

事件:

onload:图片加载成功

onerror:图片加载失败

响应式:

max-width:100%

table 标签的用法

作用:创建一个表格

例:一个表格的三部分

<table>
        <thead></thead>
        <tbody></tbody>
        <tfoot></tfoot>
</table>

记住:

每个表格从一个 table 标签开始.

每个表格行从 tr 标签开始.

每个表格的数据从 td 标签开始.

th:表头

table相关的样式

table-layout:

• auto:根据内容大小分配空间
• fixed:根据表格大小平均分配空间

boder-collapse:collapse 单元格合并,默认不合并

boder-spacing:表格之间的间距