HTML基本指令-表格、图片及链接

初学HTML编程，记录基本指令，方便自己，方便他人。

1.表格

<table>

    <tr>

        <td>第一行第一列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第一列</td>

        <td>第二行第二列</td>

    </tr>

</table>

每一个<tr></tr>对表示一行，每一个<td></td>表示一列

同时表格可以有参数：

<table style=margin-left:350px;text-align:center border=1 width=800></table>

效果如下：

"style=margin-left:350px"    指定表格位置

“text-align:center”            文字居中显示

其中的参数：center-居中；left-左对齐；right-右对齐    注意此处紧跟着“;”写，不要有空格

“border=1”            指定表格边框宽度，不写无边框

“width=800”          指定表格宽度

2.图片

<img src="图片文件">

（1）src可以指定为本地路径，从本地加载图片文件

<img src="D:\证件照.jpg">            

（2）src可以指定为网络图片，在网上找到一张图片，右键获得链接后粘贴到src中，即可加载网络上的图片。下面的例子就是加载百度的logo。

<img src="https://www.baidu.com/img/bd_logo1.png">

（3）包含参数的

<img style=margin-left:350px src="D:\证件照.jpg" width=135 height=65 alt=证件照>

“style=margin-left:350px"    指定图片位置

“width=135”                        指定图片宽度

“height=65”                         指定图片高度

“alt=证件照”                          当图片不能正常加载时，显示“证件照”

当图片不能正常加载时，效果如下：

3.链接

在网页中加入链接，则可以方便的访问其他网站

    <a href="https://www.baidu.com/">XXXX</a>       "XXXX"的内容即为实际显示的，隐含链接的文字

例如：

<font>相关参考链接：</font><a href="https://www.baidu.com/">百度</a>

效果如下图：

此时如果计算机联网，点击即可访问百度首页

4.利用无边框表格实现图片布局

<table style=text-align:center>

    <tr>

        <td>表格文字</td>

    <td><img src="https://www.baidu.com/img/bd_logo1.png" width="135" height="65"></td>

        <td>表格文字</td>

    </tr>

    <tr>

        <td>表格文字</td>

        <td>表格文字</td>

        <td>表格文字</td>

    </tr>

</table>

效果如下图所示：

5.图片链接

<font>相关参考链接：</font><a href="https://www.baidu.com/">

<img src="https://www.baidu.com/img/bd_logo1.png" width="135" height="65"></a>

效果如下：

此时图片已指向百度，点击图片，即可访问百度首页