HTML5-html-标签2-day2-图片，div、span、超链接、表格

1.图片标签 单标签 <img>

属性：1).<img src="路径">

2).<img title="文本">作用：当鼠标放在图片上的解释说明

3).<img alt="文本">作用：当图片破损时的解释说明

4).<img width="200px" height="200px">

路径：

2.区块划分div标签 <div> 文本</div>

3.span标签 作用：使用 <span> 来组合行内元素，以便通过样式来格式化它们。

<span> 文本</span>

 

4.超链接标签 <a>文本</a>

属性<a herf="#/路径/#id" target="_self/_blank" title="提示文本">文本</a>

  5.表格标签

<table>

         <tr>

                <td></td>

        </tr>

</table>

 

table 属性：

1.边框属性<table border="1">

2.宽度、高度属性 <table width="400px/50%" height="400px" > 高度属性无法设置百分数

3.背景颜色<table bgcolor="red">

4.边框颜色<table bordercolor="green">

5.表格的对齐方式属性 <table align="right/left/center">

6.单元格与单元格之间的间距 <table cellsapcing="数值px">

7.单元格与文本之间的间距<table cellpadding="数值px">

8.显示表格里面的横纵线<table rules="rows/cols">

rows:横向的线

cols:纵向的线 

9.表格的外边线<table frame="above/below">

tr属性：

1.高度属性 <tr height="数值px"> 影响的是一整行的高度

2.背景颜色属性<tr bgcolor="red">

3.水平对齐方式，影响的是一整行的单元格内文本对齐方式

<tr align="left/right/center>

4.垂直对齐方式，影响的是一整列的单元格内文本对齐方式

<tr valign="top/bottom/middle">

td 属性：

1.宽度、高度属性 <td width="数值px" height="数值px"> 影响的是整行或者整列的高和宽

2.背景颜色 <td bgcolor="red">

3.水平对齐方式-针对单元格文本 <td align="left/right/center">

4.垂直对齐文本-针对单元格文本<td valign="top/bottom/middle">

5.水平合并单元格<td colspan="数值">

 

6.垂直合并单元格<td rowspan="数值">