HTML常用标签

转载

mb5fe94cbf99977 2021-09-20 15:33:00

文章标签 加载超链接 a标签 javascript 刷新页面 文章分类 Html/CSS 前端开发

1.a标签的用法

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

常用属性为href、target和download。

href表示连接的地址：1）外部地址，如https://www.google.com 2）内部地址，如./01.html 3）伪协议,如javascript:代码; 4）id值，如#XXX

点击查看，页面不会刷新

target表示点击a标签后在哪个窗口打开新页面，分为内置名字和自命名名字：

1）内置名字：

_blank：在新窗口打开

_top：清除所有被包含的框架并将文档载入整个浏览器窗口

_parent：使得文档载入父窗口或者包含来超链接引用的框架的框架集

_self：使得目标文档载入并显示在相同的框架或者窗口中作为源文档

2）自命名名字：

window的name

iframe的name

download规定被下载的超链接目标

2.img标签的用法

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

属性：

src：规定图像的URL

alt：图像加载失败时的替代文本

时间：

onload：加载成功

onerror：加载失败

响应式：

max-width:100%

加载失败时用图片替换：

　　XXX.onerror= function(){

　　XXX.src="/404.png";

};

3.table标签的用法:

<table>
        <thead>
            <tr>
                <th></th>
                <th>甲</th>
                <th>乙</th>
                <th>丙</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>数学</th> /*注意是th/
                <td>89</td>
                <td>70</td>
                <td>93</td>
            </tr>
            <tr>
                <th>语文</th>
                <td>76</td>
                <td>70</td>
                <td>93</td>
            </tr>
            <tr>
                <th>英语</th>
                <td>89</td>
                <td>70</td>
                <td>93</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>总分</th>
                <td>
                    111
                </td>
                <td>222</td>
                <td>333</td>
            </tr>
        </tfoot>
    </table>