陈力：传智播客古代珍宝币泡泡龙游戏开发第三讲：html符号实体、超链接

最新推荐文章于 2015-08-20 13:47:35 发布

zhenbaobe

最新推荐文章于 2015-08-20 13:47:35 发布

阅读量621

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhenbaobe/article/details/46954449

本文详细介绍了HTML中的字符实体使用方法，包括常见的特殊字符表示，并深入探讨了如何使用超链接进行页面间的跳转及链接到图片的方法。此外，还讲解了如何利用锚点提高用户体验。

陈力：传智播客古代珍宝币泡泡龙游戏开发第三讲：html符号实体、超链接

摘要：通过前节《陈力：传智播客古代珍宝币泡泡龙游戏开发第一讲引言》学习了html运行原理、html文件基本结构、html元素和属性等内容。知道了html (hypertext mark-up language，超文本标记语言)是用于显示文字、图像、视频、声音等超文本信息。2008 发布html5.0可望成为下一代标准。Html的运行原理分为本地运行和远程运行两种。<head></head>等标记通常是成对出现。本文将介绍html符号实体、超链接、锚标签和 Href 属性等内容。本节为陈力：传智播客古代珍宝币泡泡龙游戏开发第三讲：html符号实体、超链接。

（一）字符实体：

软件设计,php网站设计

说明：当我们在网页中有一些特殊字符（如空格，版权符号大于号、小于号等，人民币符号）时候，可以考虑使用字符实体(char entity)。
在html中，空格是最普通的字符实体，用 表示，其中分号不可少，多个半角空格是被过滤,只留下一个空格。当需要空格时，需要使用 或者全角空格表示。

（二）超链接
在网站建设时，在 HTML 文档中创建链接是必不可少的。超链接就是实现页面之间的跳转。图片也可以作为超链接显示。使用 <a>（锚）标签来创建连接另一个文档的链接。可以链接HTML页面、图像、声音或视频文件等资源。语法为：<a href="url地址">链接名称</a>。
超链接的案例：
<a href="a.html" target=”_self,_blank,_top,_parent”>连接到a.html</a><br/>
<!—当在网站设计时，希望在点击该超链接后，就跳转到其它网站的某个地址，则应当写完整的url地址-->
<a href="http://www.baidu.com">跳转到百度</a><br/>

超链接也可以链接到图片。
<img src=”图片的路径” width=”宽度” heigth=”高度” alt=”贵阳软件设计” border=”4px” />。注：该图片也可是一个url。
<img src=”图片的路径” width=”宽度” heigth=”高度” alt=”贵阳软件设计” style=”border:2px solid red”/>。注：边框为红色。

在超链接中，使用 Target 属性可以定义被链接的文档在何处显示。在新窗口打开文档用target="_blank"。其它的选择还有“_self,_blank,_top,_parent”。
在长的文档中创建目录时通过命名锚是很方便的，可以为每个章节赋予一个命名锚，然后连接到这些锚的链接被置于文档的上部，形成目录。

锚标签和 Href 属性：<a href=”URL”>名称</a>用来创建锚。href 属性用于定位需要链接的文档，锚的开始标签和结束标签之间的文字被作为超级链接来显示。
锚标签和 Name 属性：Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，让用户避免滚动页面的麻烦。命名锚会以特殊的方式来显示。
<a name="label">文本</a>
在锚名称前加了#添加到 URL 的最后，就可以直接链接到tips这个节：
<a href="http://www.by-sj.com/html_links.asp#tips">
软件设计</a>
链接到同一个页面的不同位置：<a href="#C4">查看 C4</a>
邮件链接：<a href="mailto: 262928596@qq.com">联系贵阳软件设计</a>

url:统一资源定位。可以是图片、文件、视频等。

<html>
<head></head>
<body>
<img src=”dog.jpg” width=”200px” alt=”贵阳软件设计” style=”border:2px solid red”/>
<img src=”www.by-sj.com\images\logo.jpg” width=”200px” alt=”贵阳软件设计” style=”border:2px solid red”/>
</body>
</html>
此段代码供向服务器发送三次请求。第一次取页面内容(本地服务器取)。第二次取dog.jpf。第三次取www.by-sj.com\images\logo.jpg这个图片。

快速链接:

陈力：传智播客古代珍宝币泡泡龙游戏开发第一讲引言