HTML 常用小技巧【标题图标】【锚点】【插入音乐，视频】【滚动效果】【嵌入网页】

2021-09-30 08:56:37

1、在一个页面嵌入其他页面

　　 < iframe >------ < / iframe >

<iframe src="text.asp" height="" width=""></ifrmae >

  scrolling="No"     //意为滚动条不随内容改变而出现      -- 多余的内容会被自动隐藏！

  frameborder="" 　　//嵌套页面边框

  leftmargin=""     //左边距

  topmargin=""      //上边距

  onscroll="true"    //当元素滚动条被滚动时执行脚本 ,在HTML 5 中定义了该元素

2、锚点

　　英文名 anchor 是网页制作中超级链接的一种，像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

锚点的创建：找定位然后创建到该锚点的链接。

（1）定义锚点

< h3  id = "top" >    这里是TOP部分        </h3>
< h3  id= "content">  这里是CONTENT部分    </h3>
< h3  id= "foot">     这里是FOOT部分       </h3>

（2）用 <a></a>制作锚点链接

　　页面内的锚点访问

<a href= "#top" >      点击我链接到TOP        </a>
<a href= "#content">   点击我链接到CONTENT    </a>
<a href= "#foot">      点击我链接到FOOT       </a>

不同页面之间的锚点访问

　　页面地址后面加锚点标记

//目标页面页面的地址是 　http://文件路径/index.html

//访问foot锚点，  http://文件路径/index.html#foot
<a href=" http://文件路径/index.html#foot"> 点击我跳转到 文件路径/index.html#foot  </a>

3、插入视频

最直接简单有效的方法，点击任意一个视频网站下面的分享好友，复制粘贴 HTML 代码就可以，

（1）网络上的视频

　　以优酷为例插入一个学习英语的视频

<embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XODQ1ODU5MjQ=/v.swf' quality='high' width='' height='' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'>

</embed>

（2）本地的视频

　　这个要放到自己的根目录文件夹下面

<embed src="路径"width="" height="" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" >

</embed>

// allowFullScreen="true"   视频可全屏可缩小

自动播放
swf后面

VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0

4、插入音乐

　　<embed src = "音乐文件地址" > </embed>

在页面 title 标签下方添加音乐代码

<embed src = "音乐文件地址"  hidden="true" autostart="true" loop="true">   </embed>  //兼容主流浏览器如，谷歌，360

 hidden="true"       //隐藏播放器按钮 hidden="false"开启

 autostart="true"    //打开网页加载完后自动播放  默认 false

 loop="true"         //循环播放; ( loop="false" 播放一次,loop="n" 播放 n 次 )

 startime="分：秒"    //设定乐曲的开始播放时间

 volume=--       //设定音量大小

 width height        //设定控制面板的大小

5、滚动效果

< marquee> 我在滚动< / marquee>

< marquee direction="left"> 我在滚动< / marquee>

direction 　　　　 //滚动方向（包括4个值：up、 down、 left和 right）

behavior　　　     //滚动方式（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）

scrollamount　　　 //滚动速度（滚动速度是设置每次滚动时移动的长度，以像素为单位）

scrolldelay　　　  //滚动延迟（设置滚动的时间间隔，单位是毫秒）

loop　　　　　　　　 //滚动循环（默认值是-1，滚动会不断的循环下去）

width、height　　  //滚动范围

bgcolor　　　　　　 //滚动背景颜色

hspace、vspace　　 //空白空间

6、标题栏小图标

<link  rel="shortcut  icon" type="image/x-icon" href="图片地址" media="screen"  />

码农公寓

相关文章