a标签href不跳转_HTML常用标签

a标签

href

1. 可以用来跳转网页，建议写成"//http://baidu.com"的形式，这样会继承http头减少报错
2. 用作路径跳转，/a/b/c === a/b/c， ./index.html === index.html（这里的/与文件的不同，不是代表根目录，而是以你起服务的文件夹作为根目录）
3. 伪协议，href = "javascript:;"。:;之间写代码可以执行，什么都不写可以实现一个什么都不做的a标签
4. href = "#id" 可以当做锚点，跳转到相应id的标签

target

1. _blank：在空白页打开
2. _top：在最外面一层打开
3. _self：默认值
4. _parent：在父级页面打开，比如在当前页面嵌套了两层iframe标签，点击baidu会在红色框跳转

img标签

作用

发出get请求，展示一张图片

属性

1. alt：图片404，可以用作描述
2. height/width：可直接加，不用写在style里。后面不需要加px
3. src：写图片路径

事件

1. onload：图片加载成功执行
2. onerror：图片加载失败执行，可以在方法里写一个备用路径

xxx.onerror = () => {
    xxx.src = "非404.png"
}

响应式

img {
    max-width: 100% // 可以适配手机等
}

table标签

完整写法
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>

<tr></tr> // table row 表格行，加几个有几行。用来包裹<th>和<td>。
<th></th> // 表头内容
<td></td> // table data 内容

ps：一般会重置表格的样式
border-collapse: collapse
border-spacing: 0