a 标签的用法

<a href="xxx.com"></a>
点击跳转至xxx.com网页

<a href="#"></a>
点击跳转至网页顶部

<a href="javascript:;"></a>
一个点击后什么都不会做的链接

<a href="#xxx（id）"></a>
跳转到指定id标签xxx

<a href="mailto:jiangyongting@foxmail.com"></a>
点击后发送邮件至指定邮箱

<a href="tel:15058793769"></a>
点击后打电话给指定号码（手机页面）

<a href="" target="_blank"></a>
点击后新建页面打开链接

<a href="" target="_self"></a>
点击后当前页面打开链接

<a href="" target="_top"></a>
所有iframe窗口中最上面那个打开链接

<a href="" target="_parent"></a>
iframe的上一层打开链接

img 标签的用法

<img src="/media/cc0-images/grapefruit-slice-332-332.jpg">
加载网页或者电脑上的图片
<img alt="备注">
img加载失败时显示的文字
<img height="100">
设置图片的高度100
<img width="100">
设置图片的宽度100

可以在js中使用img的事件

onload图片加载成功
onerror图片加载失败

style中设置img响应式标签

img{
max-width:100%
}

table 标签的用法

<table>
    <thead>
        <tr>//table row
            <th>表头</th>
            <th>表头</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容</td>
            <td>内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>空</td>
            <td>空</td>
        </tr>
    </tfoot>
</table>

thead为表头
tbody为表格内容
tfoot为列表汇总行

注意

<th></th>
可以在tbody第一格表示表头

table中没有写thead的结构，写的内容会被浏览器自动归到tbody中去

table的css样式

table-layout:auto根据内容多少调整表格宽度
table-layout:fixed每列固定宽度
border-spacing:10px调整表格每格之间的大小
table-layout:collapse合并表格

其他感想

表格默认样式不太好看，建议使用

table-layout:collapse
border-spacing:10px

来合并表格空隙

target="_top"
target="_parent"

两个a标签属性需要实操一下才能了解

HTML常用标签