HTML 2017.07.17

来源:互联网 发布:网页快速抢购js脚本 编辑:程序博客网 时间:2024/06/16 22:24

1. 显示静态和动态图像

语法一样,在之前我们已经学习过图像的插入方式,在这里介绍一个新的属性,即alt属性,而且当图片无法显示的时候显示相应的文字。<img src="url" alt=" text">

2.图像标签<img..>

1)使用css来实现对图像的浮动

exm:<img src="url" style="float:right">        这个时候图像就浮动到了右边。

2)align属性(图像对齐,现已废弃)

3)图像映射,点击图像的一部分然后跳转。

<map>定义图像地图。

<area>定义图像地图可点击部分

exm:<img src="url"  alt="text" usemap="#mapname" >

<map name="mapname">

<area shape="circle" coords="坐标" alt="text2" href="图片的url">

<area ............................................................................................>

<area.............................................................................................>


</map>


3. html与表格

1)

<table border="1">  

<tr1>

<td>data1</td>                             <b>//td即table data</b>

<td>data2</td>

</tr1>                    <b>这是一行,所有的数据都会在这行表示出来</b>

  <tr2>                              <b>//第二行,数据个数可自定</b>
<td>data1</td>                             
<td>data2</td>
</tr2>    

</table>    


2)表格的头