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


    一)实体字符

    一些特别的字符会被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”的锚上。

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

     

     

  • 相关阅读:
    mysql-5.7.16-linux-glibc2.5-x86_64精简后的主从配置
    solr安装
    ffmpeg安装
    saltstack之keepalived的安装配置
    saltstack之haproxy的安装配置
    saltstack1
    logstash运输器以及kibana的更多操作
    logstash编写2以及结合kibana使用
    logstash5.x安装及简单运用
    ELK之elasticsearch5.6的安装和head插件的安装
  • 原文地址:https://www.cnblogs.com/vmax-tam/p/4094820.html
Copyright © 2020-2023  润新知