table a标签 颜色_HTML常用标签(二)

A(anchor)标签的用法：

常用属性

href(Hyper Reference)属性，其值可以是锚点、超文本链接来源、伪协议

a、当跳转为一个地址时，下面任何一个地址均可：

<a href="http://www.zhihu.com">知乎</a>
<a href="https://www.zhihu.com">知乎</a>
<a href="//www.zhihu.com">知乎</a>

b、当跳转为一个锚点时，下面：

首先给需要跳的地方写一个属性ID,并取个名字

<p id="xxx">我是个锚点，点击A会跳到我这里</p>

再给a标签进行跳转,在跳转的前面需要加#号

<a href="#xxx">点击跳到锚点xxx</a>

c、伪协议

javacript协议

<a href="javascript:alter(1);">点我弹框</a>
<a href="javascript:;">点我无反应</a>

点击发邮件

<a href="mailto:邮件地址">点击给我发邮件</a>

点击打电话

<a href="tel:电话号码">打电话</a>

其它

<a href="#top">回顶部</a>
<a href="#">空链接，会刷新页面</a>

target 属性，值有 "_top ", "_self", "_parent", "_blank";

_blank最简单，也就是在新的窗口打开

<a href="" target="_blank">点我打开</href> 

余下的三个属性需要配合iframe实现对应的功能，当A标签在iframe中时，设置其值，可以在对应的iframe层，打开对应的页面, "_top"是在最顶层打开， "_self"是在当前层打开iframe， "_parent"是在当前iframe的上一层打开页面。

当前target还可以在指定的iframe中打开页面。这时需要给iframe设置一个name属性，target中再设置这个iframe的名字就可以跳转了。

download下载属性，即不是打开页面，而是下载页面

<a href="c.html" download>下载页面</a>

点击后弹出的下载框

---

img 标签 图片标签

可以在页面上引入一个图片

<img src="图片地址或网络地址" width="宽度" height="高度" alt="未加载时显示">

作用：

发一个get请求，展示图片

事件：

onload:当图片加载时触发

onerror:当图片加载失败时触发

响应式图片，设置前需要先reset样式：

*{margin:0;padding:0;box-sizing:border-box;}
img{max-width:100%;}

---

table 标签

table标签也就是在页面上展示一个表格，内部由三部分组成thead tbody tfoot组成，thead中的列用th表示用于表头，tbody中的列用td表示 tr 表示行,他们的代码关系是：

    <table>
        <thead>
            <tr>
                <th>语文</th>
                <th>数学</th>
                <th>英语</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>100</td>
                <td>100</td>
                <td>100</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tfoot>
    </table>

感想：

HTML的标签其实挺简单的，但是如果要布好一个不错的HTML，还是需要不断地练习，学习，进步，必竟这些都是基础。