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

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

1.表格

   

       

        

    

    

        

        

   

第一行第一列	第一行第二列
第二行第一列	第二行第二列

每一个对表示一行，每一个表示一列

同时表格可以有参数：

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

效果如下：

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

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

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

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

“width=800”          指定表格宽度

2.图片

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

            

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

（3）包含参数的

D:\证件照.jpg" width=135 height=65 alt=证件照>

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

“width=135”                        指定图片宽度

“height=65”                         指定图片高度

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

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

3.链接

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

    XXXX       "XXXX"的内容即为实际显示的，隐含链接的文字

例如：

相关参考链接：百度

效果如下图：

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

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

   

        

   

       

   

    

        

        

        

    

表格文字		表格文字
表格文字	表格文字	表格文字

效果如下图所示：

5.图片链接

相关参考链接：

效果如下：

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