1

HTML 实体字符。

在html中，有些特殊字符是需要用html语言表示出来的。一个字符实体包含三个部分：一个&符，一个实体名或者一个实体号，最后一个分号（；）。如下表格所示：

* 实体名是大小写敏感的。

实体字符	字符实体
大于号 (>)	>
小于号 (<)	&lt;
引号 (")	&quot;
注册商标(®)	&reg;
版权(© )	&copy;
&copy;	&amp;

10、 图像热区

平时我们在浏览网页时，当鼠标经过一张图片中的某个位置时，发现是可点击的。也就是说，我们点击这个部分，就会链接到别的地方。创建图像热区想要用<img>b标签把图片插入进来，然后使用<area>标签在刚才插入的图片里划分热区。

<img src="URL"  usemap="# map 名称" />

<map name="map 名称">

         <area shape="形状" coords="坐标值" href="URL" />

</map>

Rect:矩形   左上角坐标与右下角坐标（x，y，x，y）

Circle:圆形  圆心坐标，半径  （x，y ，r）

Poly:多边形  各顶点的坐标   （x，y，x，y，x，y。。。）

说明：

URL                 图像的地址

usermap          表示要使用#后面的那个名字的<map>标签来为图片划分热区

shape               热区形状(rect矩形、circle圆形、poly多边形 )

coords              形状的坐标值

注：usemap的值要与map的name值保持一致。坐标可以通过PS软件--菜单栏导航器----信息---坐标值。

例子如下：热区范围为一个矩形

<img src="img/map.jpg" usemap="#p1"/>

 <map name="p1" id="p1">

　　<area  shape="rect" coords="500,120,550,150" href="img/1.jpg" target="_blank"/>

</map>

 

在这里我设置了新疆为图像热区，热区范围为一个矩形。点击地图中的新疆，就会跳转到一张图片中。要注意的是要准确的写出热区的坐标，也就是热区的范围。其坐标值可以利用工具ps工具选取。

11、 表格

表格由 <table> 标签以及一个或多个 tr、th或td 元素组成。

单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

基本结构：

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

说明：

html有10个表格相关的标签。

<caption>        定义表格标题

<col>　　　　　 定义列

<colgroup>　　 定义表格列的分组

<table>　　　   定义表格

<tbody>　　  　定义表格主体

<td>　　　　　 定义一个单元格

<tfoot>　　　　定义表格的表注（底部）

<th>　　　　 　定义表格表头

<thead>　　 　定义表格的表头

<tr>　　　　　 定义行

*  通常很少使用<tbody>、<thead>、<tfoot>标签，因为浏览器对它们的支持不好。

属性说明：

属性                   值                                  说明

width                 px、 %                        指定表格的宽度    

height                px、%                         表格的高度

border               px                                指定表格边框的宽度

cellpadding         px                                指定边框与内容之间的空白                           

cellspacing         px、 %                          指定单元格之间的空白                  

align            left、 right 、 center             指定表格的对齐方式                  

valign          top、 middle 、 bottom         垂直排列方式

colspan                列数                            合并列单元格

rowspan               行数                            合并行单元格

bgcolor               颜色值                           表格背景色

background         图片　　　　　　　　　　 表格背景图

bordercolor  　 　颜色值　                         表格边框颜色　　　　　

 

<table align="center" cellpadding="2" cellspacing="3" width="300" height="300" border="1" >
       <tr >
            <td colspan="2">&nbsp;</td>                          
       </tr>
       <tr>
            <td >&nbsp;</td>
            <td>&nbsp;</td>
       </tr>       
 </table>

 

 

12、 <iframe> 内嵌框架

         属性                            属性值              说明

         width                           px , %                 指定框架的宽度

         height                         px , %                  指定框架的高度

         scrolling                     yes,no,auto           是否显示滚动条

         frameborder                  1, 0                   是否显示边框

搜索

复制