• HTML补充:引用脚本、特殊符号、标签、元素、多媒体


    1.引用外部脚本:

       <script language="language" src="URL"></script>

    如:

      <script language="javascript" src="1.js"></script>

    2.输入空格符号:

       &nbsp

       常用特殊符号:

       < 小于 &lt; &#60;
       > 大于 &gt; &#62;
       & &符号 &amp; &#38;
       " 双引号 &quot; &#34;

       其他常用的字符实体(Character Entities)

        显示结果 说明 Entity Name Entity Number
       © 版权 &copy; &#169;
       ® 注册商标 &reg; &#174;
       × 乘号 &times; &#215;
       ÷ 除号 &divide; &#247;

    摘自:http://www.cnblogs.com/lwm-1988/archive/2011/08/25/2153413.html

    HTML特殊符号表:http://www.bianceng.cn/tools/10.htm

    3.注释语句:

       <!--注释内容-->

    4.常用修饰标签

       <b>和<strong>:粗体

       <sup>和<sub>:上标和下标

       <address>:地址文字标签

       <tt>、<code>、<samp>和<kbd>:等宽文字标签

       <br>、<nobr>和<wbr>:控制换行

                      <br>:换行

                      <nobr>:不自动换行,<nobr>内容</nobr>

                      <wbr>:强制换行,<wbr>内容</wbr>

        <pre>:预格式化标签(保留文字在源代码中的格式)

                    <pre>内容</pre>


        <center>:居中标签

                     <center>内容</center>

        <xmp>和<plaintext>:忽略HTML代码的标签

                     <xmp>内容</xmp>:标签之间的文字就会忽略HTML代码,将其直接显示

                     <plaintext>内容      :其后面的文字都会忽略HTML代码

        <rt>和<tuby>:文字标注标签(类似于目录与其下面的子目录,注意:在firefox中不支持)

                     <ruby>

                              被标注的文字

                             <rt>说明的文字</rt>

                     </ruby>

    5.水平线:<hr>

        属性:align、color、noshade【不出现阴】、size【高度,绝对像素表示】、width【百分比或绝对像素表示】

        说明:

        noshade:默认的水平线是空心立体的效果,noshade的加入,使得其效果为实心、不带阴影
    如:

         <hr width="450" size="1" color="#000099" noshade="noshade" align="center" />

    6.有序列表:<ol>和<li>

       ①类型属性type:1(数字1,2,3,....),a(小写字母a,b,c,..),A(大写字母A,B,C,...),i(小写罗马数字i,ii,iii,...),I(大写罗马数字I,II,III,...)

       ②起始属性start:

          如:

               <ol type="I" start="4">

                    <li>项目一</li>

                    <li>项目2</li>

                    ......

                   <li>项目n</li>

               </ol>

    7.无序标签:

    ①主要标签有:<ul>、<li>、<dir>(目录列表)、<menu>(菜单列表)

       exp:

             <ul>

                    <li>项目一</li>

                    <li>项目2</li>

                    ......

                   <li>项目n</li>

               </ul>

               <dir>

                    <li>项目一</li>

                    <li>项目2</li>

                    ......

                   <li>项目n</li>

               </dir>

                    

                <menu>

                    <li>项目一</li>

                    <li>项目2</li>

                    ......

                   <li>项目n</li>

               </menu>

    ②type属性:

              disc: ●

              circle:○

              square:■

    8.定义列表标签:<dl>、<dt>和<dd>

             <dl>
                   <dt>名词一</dt>
                   <dd>解释一</dd>
                   <dt>名词二</dt>
                   <dd>解释二</dd>
              </dl>

    9.插入图片:<img>

       属性:

              src、alt(说明说明内容)、width、height、align、vspace【调整图像和文字之间的上下距离】、hspace【调整图像和文字之间的左右距离】

    10.多媒体页面

    ①滚动文字:

       <marquee>滚动文字</marquee>

       默认滚动方向:从右到左

           A.滚动方向属性direction:

                <marquee direction="value">滚动文字</marquee>

                 value值:right、left、up、down

           B.滚动方式的属性behavior:

                 <marquee behavior="value">滚动文字</marquee>

                 value值:scorll ----循环往复

                              slide  ----只进行一次滚动

                              alternate ----交替进行滚动

           C.滚动速度属性scrollamount:

                  <marquee behavior="alternate" scrollamount="6">滚动文字</marquee>

           D.滚动延迟属性

                  <marquee scrolldelay="5">滚动文字</marquee>

          E.滚动循环属性loop:

                  <marquee scrolldelay="5" loop="-1">滚动文字</marquee>

                 设置-1可进行无限次数循环

          F.滚动背景颜色属性:bgcolor

                 <marquee scrolldelay="5" loop="-1" bgcolor="#99FF66">滚动文字</marquee>

          G.滚动范围属性:width和height

    ②插入FLASH动画,摘自:http://blog.163.com/quyan8869@126/blog/static/27488999201077103743522/

    解决思路
    在网页中插入Flash的前提条件是:首先要有目标Flash的相对或绝对路径,还有要在网页中体现Flash播放参数的一些相关设定。
    具体步骤
    1.最基本的代码:

    <embed src="http://blog.163.com/quyan8869@126/blog/demo.swf" width="468" height="60"></embed>

    2.但是,为了兼容所有的浏览器,需要以OBJECT方式插件Flash:

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="400">
    <param name="movie" value="demo.swf">
    <param name="quality" value="high">
    <embed src="http://blog.163.com/quyan8869@126/blog/demo.swf" quality="high"
     pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550"
     height="400"></embed>
    </object>

     提示:
    在Dreamweaver MX 2004中插入Flash非常方便,只需要在选择【Insert】à【Media】à【Flash】(图5.1.1),或者在【Common】工具组中单击【Flash】图标按钮(图1.5.2)。

    图1.5.1 插入Flash的菜单命令

    图1.5.2 在工具组中插入Flash

    在FrontPage 2003中也提高了对插入Flash支持,可以在菜单或工具组里打开【插入Web组件】对话框(图5.1.3和图5.1.4),然后在对话框中选择【高级控件】à【Flash】影片(图5.1.5)。

    图5.1.3 在菜单中选择打开Web组件命令

    图5.1.4 在工具栏中单击Web组件图标

    图5.1.5【插入Web组件】对话框
    特别提示
    本例代码运行效果如图5.1.6所示,插入的Flash是著名闪客Snake的公益作品《抗击非典小常识》。

    图5.1.6  在网页中插入Flash

    特别说明


    下面对本例所给代码作一下简单的解释说明。

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="400">

    这段代码中的classid 控件的id,使浏览器识别该ActiveX控件(仅用于 object标 签) codebase Flash Player 的 ActiveX 控件下载地址,使浏览器在未安装该插件时可以自动下载(仅用于 OBJECT标 签) ,width 指定动画的宽度,可用像素或百分比表示height 指定动画的高度,可用像素或百分比表示(此例宽高分别为550和400像素)
          
    <param name="movie" value="demo.swf"> 

    是指网页中的元素是Flash影片,它的值是与此页同级目录下的demo.swf

    <param name="quality" value="high">

    是“影片质量”的设定,其中Value值为“高质量”
    以上的设定是针对于微软的Internet Exploer浏览器的,对于网景的NetScape浏览器有另外一种设定方法:

    <embed src="http://blog.163.com/quyan8869@126/blog/demo.swf" quality="high"
     pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="468"
     height="60"></embed>

    为了网页的兼容性,建议两种方法都写进去(在Dreamweaver和FrontPage2003中,每当插入一个新的Flash时,这些代码会自动加上)。

    ③嵌入音视屏

       <embed src="2.flv" width="100%" height="500"></embed>

    ④背景音乐,摘自:http://www.jxteacher.com/hyl/column11308/db2d8cf9-7eb7-43fc-b3dc-bf2c167973be.html

    第一步,获取背景音乐的链接

           一般情况下,我们都是在百度或者酷狗里找歌、听歌。我们就以百度为例,当我们在百度里搜索了到了音乐文件后,有个试听,点击了后会弹出图中那样的一个播放界面

    点击 复制链接,音乐文件的链接地址就已经弄好了。

              第二步,插入代码

             代码如下:
              
    <embed autostart="true" hidden="true" loop="true" src="http://web.ou163.com/works/2011c35/music/hao1.mp3"></embed>

           粉红色部分 就是把你刚获取的 音频文件的链接替换掉需要注意的是,有些链接的结尾不是.mp3或者.wma类的,这类的链接别要哦,放不出来的。

            例如:

           代码说明:
           支持的音乐格式: wma、mp3、rm、ra、ram、asf,尽量选用可连接性高的音乐链接,保证音乐可以顺利播放;
    width和height表示播放器宽度和高度,可以灵活设置;
           autostart="true"表示自动播放,autostart="false"表示不自动播放; loop="true"表示连续循环播放,loop="false"表示不循环播放; loop也可以设为一个整数,比如loop="3",表示音乐循环播放3次

    代码如何放:当你的文章内容输入完后,在编辑框上面的倒数第二个有个  源码  点开后,可能看不懂,没关系,你只要下拉到最底部,把代码复制进去就可以了,然后提交,背景音乐就加好了,就可以开网页试听效果了。

    如果时间长了后发现没有音乐,那证明你找的这个音乐的链接已经失效了,就是说这歌是别人服务器里的,如果他删除了,就没办法放了,所以建议大家选择一些知名点的网站的音乐库,没办法啊,我们的服务器不允许我们传。郁闷。

     

     

     

  • 相关阅读:
    天梯赛练习2 补题
    QFNU 天梯赛练习 1 补题
    2019 山东省赛 B 题
    CCPC2020 网络赛 总结
    一个比较好看的 Typora 主题
    〔OS〕磁盘调度算法
    〔OS〕页面置换算法
    〔OS〕多线程模拟实现生产者和消费者
    〔OS〕银行家算法
    LCS and LIS
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/2676577.html
Copyright © 2020-2023  润新知