HTML学习笔记 AND 2018-11-13（20:34）

HTML学习笔记 2018-11-13（21:17）
一、图形标签
1.（img）
img标签：图片标签，用于页面上引入图片。
常用属性：
src： 设定要引入的图片url(路径)
alt： 设定图像的替代文字，如果图片找不到，或者不存在，替代文字才会出现。
width： 设定图片的宽度。
height： 设定图片的高度。
border： 图片边框厚度。
例如：

     <img src="img/xxx.jpg"  alt="图片失灵显示我"  width="500" height="500" border="5"/>

二、连接标签
a标签：链接标签，用于定义超链接。从一个页面链接到另一个页面。
常用属性：
href：设定链接指向的页面URL路径。注意路径如果访问外网要加(http:// 或 https://)
name：设定锚的名称。
target：设定在何处打开链接页面。（_blank是在新页面中打开）

   例如：
   
   <a href="https://www.youkuaiyun.com">优快云论坛（在本页面打开）</a>
   <a href="https://www.youkuaiyun.com" target="_blank">优快云论坛（在新页面打开）<a/>

优快云论坛（在本页面打开）
优快云论坛（在新页面打开）

三、表格标签
1.（table）
table标签：定义表格
常用属性：
align:设定表格的对齐方式。
bgcolor：设定表格的背景颜色。
border：设定表格边框的宽度。
width： 设定表格的宽度。

2.（tr）
tr标签：定义表格的行，包含一个或多个th或td元素。
常用属性：
align：设定表格中行的内容对齐方式。
bgcolor：设定表格中行的背景颜色。
3.（td）
td标签：定义表格中的单元格。
td元素中的文本一般显示为正常字体且左对齐。
常用属性：
align：设定单元格内容的对齐方式。
bgcolor：设定单元格背景颜色。
height：设定单元格的高度。
width：设定单元格的宽度。
colspan：设定单元格的列合并
rowspan：设定单元格的行合并。
例如：

<table border="1" width="100%" align="center">
<tr >
    <th >名字</th>
    <th>样貌</th>
    <th>产地</th>
</tr>
<tr align="center">
    <td>老王</td>
    <td>还中</td>
    <td>秦皇岛</td>
</tr>
<tr align="center">
    <td rowspan="2">老宋</td>
    <td>还中</td>
    <td>廊坊</td>
</tr>
<tr align="center">
    <td>还中</td>
    <td>张家口</td>
</tr>
<tr align="center">
    <td colspan="2">www.baidu.com</td>
    <td>1</td>
</tr>
</table>

还没完。明天继续！