HTML基础知识四( 内嵌入式框架、 滑动字幕、多媒体元素、CSS)
2016-05-09 21:30
519 查看
1、 内嵌入式框架
<iframe src=”网页位置” width=”宽度” height=”高度”frameboeder=”0/1(框架边框,0表示没有边框;1表示有边框)” scrolling=”滚动条方式yes / no /auto(默认,当文字多余高度,自动显示滚动条)”>
</iframe>
2、 滑动字幕:方向—>方式—>速度à延时à次数à鼠标à样式
<marquee direction=”滑动方向 left /right / up / dowwn (最终的方向,例如:up是从下网上滑动.默认是left,从右到左)” behavior=”滚动方式 scroll(默认是这个方式,一圈一圈走) / slide(只走一次,走到最左边或右边方向) / alternate(来回走动,只有左右方向)”scrollmount=”速度(数越大速度越快,毫秒为单位)”
scrolldelay=”延时(走一走,停一停)” loop=”数(滚动循环次数,如未指定,则一直循环)” onmouseover=”this.stop();(鼠标放到那停止滚动”onmouseout=”this.start();(鼠标离开,开始滚动)” bgcolor=”背景颜色” width=”宽度” height=”高度” >
</marquee>
例子:
3、 多媒体元素:
(1) 插入音乐:
<bgsound src=”文件位置” loop=”循环次数,1为无限循环”>
例子:
(2) 插入电影:
<img dynsrc=”文件地址” width=”宽度” height=”高度设置” loop=”循环次数,1为无线循环”>
(3) 添加多媒体文件:
<embed src=”文件名路径” width=”宽度” height=”高度设置” ></embed>
4、 CSS
后缀名:*.CSS
语法:html文件中加css:在</head>之间
<style type=”text/css”>
<!—------------------------------------------------------------加注释,是因为避免浏览器不支持
/**/------------css样式中的注释
表记{
}
</style>
常用属性:
文本颜色:color
字号:font-size--------------------单位px(像素) pt(磅) em(行高)
字体:font-family
行高:line-height
<iframe src=”网页位置” width=”宽度” height=”高度”frameboeder=”0/1(框架边框,0表示没有边框;1表示有边框)” scrolling=”滚动条方式yes / no /auto(默认,当文字多余高度,自动显示滚动条)”>
</iframe>
2、 滑动字幕:方向—>方式—>速度à延时à次数à鼠标à样式
<marquee direction=”滑动方向 left /right / up / dowwn (最终的方向,例如:up是从下网上滑动.默认是left,从右到左)” behavior=”滚动方式 scroll(默认是这个方式,一圈一圈走) / slide(只走一次,走到最左边或右边方向) / alternate(来回走动,只有左右方向)”scrollmount=”速度(数越大速度越快,毫秒为单位)”
scrolldelay=”延时(走一走,停一停)” loop=”数(滚动循环次数,如未指定,则一直循环)” onmouseover=”this.stop();(鼠标放到那停止滚动”onmouseout=”this.start();(鼠标离开,开始滚动)” bgcolor=”背景颜色” width=”宽度” height=”高度” >
</marquee>
例子:
3、 多媒体元素:
(1) 插入音乐:
<bgsound src=”文件位置” loop=”循环次数,1为无限循环”>
例子:
(2) 插入电影:
<img dynsrc=”文件地址” width=”宽度” height=”高度设置” loop=”循环次数,1为无线循环”>
(3) 添加多媒体文件:
<embed src=”文件名路径” width=”宽度” height=”高度设置” ></embed>
4、 CSS
后缀名:*.CSS
语法:html文件中加css:在</head>之间
<style type=”text/css”>
<!—------------------------------------------------------------加注释,是因为避免浏览器不支持
/**/------------css样式中的注释
表记{
}
</style>
常用属性:
文本颜色:color
字号:font-size--------------------单位px(像素) pt(磅) em(行高)
字体:font-family
行高:line-height
相关文章推荐
- css中的居中问题
- CSS入门
- 【HTML &CSS】实现在一个网页内实现浏览图片
- CSS样式之优先级
- CSS——盒子模型
- SVProgressHUD控件使用:功能强大,操作简单
- css实现自适应屏幕高度
- 《Day1 获取不在同一页面的样式属性》
- Html+CSS_居中布局的总结
- 搞不懂下面这个css样式加上:after之后就不起作用了
- div+css
- 解决IE8下CSS3选择器 :nth-child() 不兼容的问题
- Animate.css 基础使用方法
- css link import
- CSS基础
- css盒子模型的示例
- [CSS3] Text ellipsis
- 更换按钮的样式
- ArcGIS教程:更改标题的文本和样式
- IE浏览器和CSS盒模型