HTML 符号实体 URL说明 超链接 发送邮件
1、 HTML语言中符号实体的表示：
<html>
<!--meta http-equiv="Content-Type" content="text/html;charset=utf-8" /-->
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<head>
<title> 第二讲代码</title>
</head>
<body>
版权符号: <font size="5">¥</font>
</body>
</html>
其他符号表示如下表所示：
| 显示结果 |
描述 |
实体名称 |
实体编号 |
|
|
空格 |
|
  |
| < |
小于号 |
< |
< |
| > |
大于号 |
> |
> |
| & |
和号 |
& |
& |
| " |
引号 |
" |
" |
| ' |
撇号 |
' (IE不支持) |
' |
| ￠ |
分 |
¢ |
¢ |
| £ |
镑 |
£ |
£ |
| ¥ |
日圆 |
¥ |
¥ |
| € |
欧元 |
€ |
€ |
| § |
小节 |
§ |
§ |
| © |
版权 |
© |
© |
| ® |
注册商标 |
® |
® |
| ™ |
商标 |
™ |
™ |
| × |
乘号 |
× |
× |
| ÷ |
除号 |
÷ |
÷ |
当我们在网页中需要输入特殊字符时，可以考虑使用字符实体。
2、 HTML超链接：
<body>
<!--<a> 标签定义超链接，它用于从一个页面连接到另一个页面-->
<!--连接到同目录下的其他网页-->
<!--默认在本窗口中打开所链接页面-->
<a href="第一讲代码.html">打开第一讲代码运行结果</a><br>
<!--target="_blank"表示在新窗口中打开所链接页面-->
<a href="第一讲代码.html"target="_blank">打开第一讲代码运行结果</a><br>
<!--连接到外网的网页，此时需要锁链网页的完整url路径（协议：//主机：端口/web应用/资源文件），默认的端口为80-->
<!--默认在本窗口中打开所链接页面-->
<ahref="https://www.baidu.com/"> 百度一下 </a><br>
<!--target="_blank"表示在新窗口中打开所链接页面-->
<ahref="https://www.baidu.com/"target="_blank"> 百度一下</a><br>
<a href="https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png/"target="_blank">百度一下图片 </a><br>
<a href="http://player.youku.com/player.php/Type/Folder/Fid/23084998/Ob/1/sid/XOTE2MjYzNTU2/v.swf"target="_blank">视频 </a><br>
</body>
各属性含义：
| 属性 |
描述 |
| charset |
不赞成。规定目标 URL 的字符编码。 |
| coords |
不赞成。规定适于 shape 属性的坐标，为图像映射定义图像的区域。 |
| href |
链接的目标 URL。 |
| hreflang |
规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| media |
规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 |
| name |
不赞成。命名一个锚。不支持。使用 id 代替。 |
| ping |
由空格分隔的 URL 列表，当用户点击该链接时，这些 URL 会获得通知。 仅在 href 属性存在时使用。 |
| rel |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev |
不赞成。规定目标 URL 与当前文档之间的关系。 |
| shape |
不赞成。为当前 area 标签中的映射定义的地区类型。与 coords 属性一起使用。 |
| target |
在何处打开目标 URL。仅在 href 属性存在时使用。 |
| type |
规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 |
有两种使用 <a> 标签的方式：
1. 通过使用 href 属性 - 创建指向另一个文档的链接
2. 通过使用 name 属性 - 创建文档内的书签
Target属性，可以定义被链接的文档在何处显示
如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开
3、 发邮件：利用超链接调用outlook发邮件
<body>
<!--发邮件-->
<ahref="mailto:[email protected]" > 联系王茂林</a><br>
</body>
4、基本代码实例：
<html> <!--meta http-equiv="Content-Type" content="text/html; charset=utf-8" /--> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <head> <title> 第二讲代码 </title> </head> <body> 版权符号: <font size="5">¥</font> <br> <!--<a> 标签定义超链接，它用于从一个页面连接到另一个页面--> <!--连接到同目录下的其他网页--> <!--默认在本窗口中打开所链接页面--> <a href="第一讲代码.html"> 打开第一讲代码运行结果</a><br> <!--target="_blank"表示在新窗口中打开所链接页面--> <a href="第一讲代码.html"target="_blank"> 打开第一讲代码运行结果</a><br> <!--连接到外网的网页，此时需要锁链网页的完整url路径（协议：//主机：端口/web应用/资源文件），默认的端口为80--> <!--默认在本窗口中打开所链接页面--> <a href="https://www.baidu.com/"> 百度一下 </a><br><hr size="7" noshade/> <!--target="_blank"表示在新窗口中打开所链接页面--> <!--<hr>标记表示标尺线，可在页面上画一条线，该线可用size="" 控制粗细 color=""控制颜色 noshade 去掉阴影--> <a href="https://www.baidu.com/"target="_blank"> 百度一下 </a><br><hr> <a href="https://ss0.bdstatic.com/5a21bjqh_Q23odCf/static/superplus/img/logo_white_ee663702.png/"target="_blank"> 百度一下图片 </a><br> <a href="http://player.youku.com/player.php/Type/Folder/Fid/23084998/Ob/1/sid/XOTE2MjYzNTU2/v.swf"target="_blank"> 视频 </a><br> <!--发邮件--> <a href="mailto:[email protected]"target="_blank"> 联系王茂林</a><br> </body> </html>