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次

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

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

 

 

 

原文地址:https://www.cnblogs.com/KeenLeung/p/2676577.html