HTML补充:引用脚本、特殊符号、标签、元素、多媒体
1.引用外部脚本:
<script language="language" src="URL"></script>
如:
<script language="javascript" src="1.js"></script>
2.输入空格符号:
 
常用特殊符号:
< 小于 < <
> 大于 > >
& &符号 & &
" 双引号 " "
其他常用的字符实体(Character Entities)
显示结果 说明 Entity Name Entity Number
© 版权 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
摘自: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次
代码如何放:当你的文章内容输入完后,在编辑框上面的倒数第二个有个 源码 点开后,可能看不懂,没关系,你只要下拉到最底部,把代码复制进去就可以了,然后提交,背景音乐就加好了,就可以开网页试听效果了。
如果时间长了后发现没有音乐,那证明你找的这个音乐的链接已经失效了,就是说这歌是别人服务器里的,如果他删除了,就没办法放了,所以建议大家选择一些知名点的网站的音乐库,没办法啊,我们的服务器不允许我们传。郁闷。