html学习day2.1

6、图形标签：<img />（自关闭标签）

属性：

src:图形地址

width:宽度

height:高度

border:边框

align:对齐方式，代表图片与相邻的文本的相对位置（有三个属性值：top middle bottom）

alt:图片的文字说明

运行:

 

7、链接标签：<a></a>

属性：

href:跳转页面地址

name:名称，锚点

target:_self(自己) _blank(新页面,之前的页面还有)， 默认是_self

作用：

（1）页面跳转，注意：要调到外网必须要加协议

（2）访问锚点；回到锚点（顶部、底部、中间），在访问锚点时的书写格式：#name的值；

 

运行试下：

 

 

 

点击top后会回到顶部

 

8、表格标签

<table></table>:

属性：

border:表格边框

width:表格的宽度

align:表格的对齐方式（<tr align="center">单元格里面的内容居中对齐<tr>）

bgcolor:背景颜色

<tr></tr>: 代表行

<td></td>：代表单元格

属性：

colspan:列合并

rowspan:行合并

<th></th>：相等于<td>, 只是内置样式加粗居中

<caption></caption>：表格的标题，即表头

表格的作用：

(1)简单的实现一个表格样式

(2)进行页面布局

示例：

<table>

<tr><!--行-->

<th>表格标头</th>

<td>普通单元格</td>

</tr>

</table>

 

 

 

 

 

 

 

 

 

<thead></thead>、<tbody></tbody>、<tfoot></tfoot>

作用：分块加载，用户体验比较好

每天学一些完美一点点。。。。