html插入本地图片_《HTML常用标签》

今天学习html的常用标签

a标签：是超链接标签，可以接入外部链接，也可以访问内部文件，也能定位文章内容。

属性：

href 的内容决定了 超链接的方式：访问外部链接，访问内部文件，也能定位文章内容。

target 决定超链接打开方式，默认是_self。

1. _self 在自身打开
2. _blank 在新窗口打开
3. _parent 在上一层打开
4. _top 在最顶层打开

<

img标签：发生get请求展示图片标签，插入本地图片，也可以用外部链接图片。

属性：

src： 图片所在位置。

alt ：图片没加载出来后的文字。

在Js中响应事件有：

onload：图片加载成功

onerror：图片加载失败

当设置宽或高是，文档会自适应另一属性，同时设置的话会使图片变形

响应式：max-width：100%

<img width="" src="" alt="">

table标签：表格标签。有<thead>,<tbody>,<tfoot>,<td>等子标签

<tr> 表示一行

<th> 表头

<td> 数据

<table>
        <thead>
            <tr>
                <th>歌曲名称</th>
                <th>发行时间</th>
                <th>歌曲简介</th>
            </tr>
        </thead>
        <tbody>
            <tr><td>에잇 (eight) </td><td> 2020-05-06</td><td> -</td></tr>
            <tr><td>Love poem </td><td> 2019-11-1</td><td> -</td></tr>
            <tr><td>心 </td><td>2015-05-18</td><td> -</td></tr>
        </tbody>
        
    </table>

css属性：

border-spacing：20px //上下左右间隙20px

border-collapse:collapse //合并表格

这几个是非常常用的标签，刚开始学前端，也不是难hh，加油！