img标签文件不存在_HTML常用标签

weixin_39756895

于 2020-12-01 05:03:07 发布

阅读量171

点赞数

文章标签： img标签文件不存在 java中html table垂直表格页面显示数据不全

`<a>` 标签的用法

<a>标签(超链接标签)，可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

<a>标签的作用

跳转外部页面
跳转内部锚点
跳转到邮箱或电话

<a href="pandahead.jpg">myphoto</a>
<a href="zhe021@gmail.com">E-mail</a>
<a href="13846738088">TEL</a>

<a>标签的属性

<a>标签包含全局属性。
download -- 此属性指示浏览器下载 URL，因此将提示用户将其保存为本地文件。
href -- 包含超链接指向的 URL 或 URL 片段。
target --该属性指定在何处显示链接的资源。

download 的注意事项：

此属性适用于同源URL。
如果此属性有值，用值作为下载文件名。

target的属性有：

_blank-- 在新窗口加载；
_self -- 在当前页面加载，这是默认属性；
_parent-- 在当前页面的父级框架加载，如果父级不存在就在当前页面加载；
_top-- 在当前页面框架的最顶级框架加载，如果最顶级框架不存在就在当前页面加载。

`<img>` 标签的用法

<img>元素将一份图像嵌入文档。

<img src="pandahead.jpg" alt="myphoto">

<img>标签的属性

src属性是必须的，它包含了你想嵌入的图片的文件路径。
alt属性包含了对图像文本的描述。

`<table>` 标签的用法

<table>标签表示表格数据 — 即通过二维数据表表示的信息。

<table>的相关标签：

<thead>-- 表格列头的行（表头）。
<tbody>-- 表示表格的内容主体。
<tfoot> -- 表示表格的汇总行。
<tr>-- 定义表格中的行。
<td>-- 定义了一个包含数据的表格单元格。
<th>-- 定义表格内表头单元格。
<colgroup>-- 用来定义表中的一组列表。
<caption>-- 展示表格标题。

<table>标签的属性

<table>标签包含了全局属性。
colspan-- 表示单元格可以扩展成多少列。

一个示例

效果图：

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>学生信息统计</title>
    <style>
        table {
            border-collapse: collapse;
            width: 600px;
        }

        td,
        th {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <table>
        <caption>学生信息统计</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>年纪</th>
                <th>分数</th>
                <th>班级</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>小谷</th>
                <th>4</th>
                <th>90</th>
                <th rowspan=2>一班</th>
            </tr>
            <tr>
                <th>小丽</th>
                <th>20</th>
                <th>99</th>
            </tr>
            <tr>
                <th>小明</th>
                <th>20</th>
                <th>80</th>
                <th>二班</th>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="4">更多信息查看官网</td>
            </tr>
        </tfoot>
    </table>
</body>

</html>