实体字符,媒体标签,元素飘动标签,超链接标签

一)实体字符

一些特别的字符会被html认为是关键字,从而在页面无法显示出来,这些特殊的字符我们要用实体字符里代替,这样就能在页面显示出来了;

 

常用的实体字符:
空格  
小于号 <
大于号 >

人民币 ¥;
版权所有 ©
注册的商标 ®

 

 

在html中,这些字符我们就用实体字符来代替:

 

<body bgcolor="#80FFFF">
我们即将要学习 &lt;a&gt;"标签"<br/>
这件毛衣的价格是:&yen;180 <br/> 
本次活动最终解释权归属于: &copy;Vmax-Tam <br/>
如果&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有兴趣请联系:&reg;Vmax-Tam

</body>

效果:

 

二)媒体标签:打开媒体文件,如:音乐,视频。会默认地调用浏览器的组件来播放。

<embed>标签

应用例子:

<embed src="../每天视频/day02/陈奕迅 - Muffin Man.mp3"></embed>

常用属性:src属性指定为媒体所在的路径。

效果:

 

 

 

三)元素飘动标签:可使标签内的元素飘动。

<marquee>标签

应用例子:

<marquee direction="right" scrollamount="80s" loop="2">

  <embed src="../每天视频/day02/陈奕迅 - Muffin Man.mp3"></embed>

         <font size="50" color="#0033CC">~~~~~根本停不下来~~~~~</font>

</marquee>

常用属性:

direction属性:指定飘动的方向。

scrollamount属性:指定飘动的速度。

loop属性:指定飘过屏幕的次数

 

效果:

会从左到右飘动

 

四)超链接标签

<a>标签

功能

一.打开指定路径的文件,也可以打开指定的网址,也可以用指定的协议打开对象。

二.锚点定位,可以跳到记录锚点的位置。

 

使用效果:

 

 

1)

<a href="http://www.baidu.com">点击我去百度吧!</a> <br/>

 

href属性指定链接的对象是一个域名。  

功能:点击文字就能打开一个去百度的链接。

 

2)

<a href="表格.html" target="_blank">点击我查看本地html表格!</a><br/>

 

href指定打开一个叫 “表格”的html文件。

target属性指定了是否为链接打开一个新的窗口来浏览。

功能:点击文字浏览器新开一个窗口来浏览”表格”页面。

 

3)

你想联系我,请发邮件到  <a href="mailTo:393809466@qq.com">393809466@qq.com</a><br/>

点击此处下载 <a href="thunder:./变形金刚.avi">变形金刚.avi</a>

href还可以指定协议来打开目标链接。

 

mailTo协议:会打开系统默认的邮箱来编辑内容,向指定邮箱发送邮件。

 

thunder协议:会运行迅雷来下载目标资源。

 

http协议:浏览器在解释这个资源路径的时候就会启动http协议引擎去解释资源路径,首先在本地找到一个hosts文件,查看hosts文件是否具备该域名对应的主机如果没有找到对应的主机,那么就会去到对应的dns服务器去寻找。

 

其它协议:浏览器会去到本地的注册表中寻找可以处理这种协议的应用程序,如果能找到那么马上启动该应用程序。

    

如果一个链接没有指定协议,系统会默认以file协议在本地寻找资源:

 

4)以一个锚点做目标,从一个地方跳动描点所在的地方。

 

<a name="top"><h1 align="center">我是文章的标题</h1></a>

    这里是一大段文字。。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。这里是一大段文字。。。<br/>

<a href="#top">点击我回到文章标题</a

文章标题里定义了一个含有name属性的锚,name=”top”

在文章结尾定义一个<a>标签,链接到name=”top”的锚上。

那么当点击 “点击我回到文章标题” 时,浏览器窗口就会跳到文章标题。

 

 

posted @ 2014-11-13 14:05  白Rime  阅读(402)  评论(0编辑  收藏  举报