前端标签的使用

2023-11-25 20:55:22

一、 bgsound 标签功能

bgsound是IE浏览器中设置网页背景音乐的元素。
属性有：
Balance：该属性取值在-10,000到+10,000，它决定扬声器之间的音量如何分配。
Loop：该属性表明音频被播放的次数，是一个数值或者关键字infinite。
Src：该属性定义了音频文件的URL，必须是以下格式之一：.wav，.au，.mid
Volume：该属性值域为-10,000到0，它决定背景音乐的音量大小。

二、 audio 标签功能

Autoplay：设置或返回是否在就绪（加载完成）后随即播放音频。
Controls：设置或返回音频是否应该显示控件（比如播放/暂停等）。
Loop：设置或返回音频是否应在结束时再次播放。
Volume：设置或返回音频的音量。

三、特殊属性的使用

1.list-style-type属性

none 无标记。
disc 默认。标记是实心圆。
circle 标记是空心圆。
square 标记是实心方块。
decimal 标记是数字。
decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)
lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)
upper-roman 大写罗马数字(I, II, III, IV, V, 等。)
lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

2.text-decoration 属性

这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

3.a:link,a:visited,a:hover,a:active

a:link,a:visited,a:hover,a:active
a:link,:链接平常的状态
a:visited: 链接被访问过之后
a:hover:鼠标放到链接上的时候
a:active: 链接被按下的瞬间
css中关于超链接的四个属性一般正常顺序为：link，visited，hover，active，不可颠倒，否则影响效果。

4.border 属性

border 简写属性在一个声明设置所有的边框属性。
border-width 边框的宽度。thin、medium 或 thick：
border-style 边框的样式。
border-color 边框的颜色。
inherit 应该从父元素继承 border 属性的设置。
可以按顺序设置如下属性：
border-style 属性指定要显示的边框类型。
允许以下值：
• dotted - 定义点线边框
• dashed - 定义虚线边框
• solid - 定义实线边框
• double - 定义双边框
• none - 定义无边框
• hidden - 定义隐藏边框
border-style 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）。
• border-color 边框的颜色可能的取值：
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

5.iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

align： left、right、topmiddle、bottom
frameborder 1或0 规定是否显示框架周围的边框。
height px、% 规定 iframe 的高度。
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。
marginheight： px 定义 iframe 的顶部和底部的边距。
marginwidth： px 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
scrolling： yes、no、auto 规定是否在 iframe 中显示滚动条。
src：URL 规定在 iframe 中显示的文档的 URL。
width px 定义 iframe 的宽度。

6.Frame

frameborder：0或1 规定是否显示框架周围的边框。
longdesc：URL 规定一个包含有关框架内容的长描述的页面。
marginheight：px 定义框架的上方和下方的边距。
marginwidth：px 定义框架的左侧和右侧的边距。
name ：规定框架的名称。
noresize ：规定无法调整框架的大小。
scrolling：yes、no、auto 规定是否在框架中显示滚动条。
src：URL 规定在框架中显示的文档的 URL。

7.Frame和iframe 的区别

1、frame不能脱离frameSet单独使用，iframe可以
2、frame不能放在body中,否则不能正常显示 frame不能和body同时使用
iframe可以和body同时使用

<html>
	<frameset rows="50%,50%">
		<frame src="/example/html/frame_a.html">
		<frameset cols="25%,75%">
			<frame src="/example/html/frame_b.html">
			<frame src="/example/html/frame_c.html">
		</frameset>
	</frameset>
</html>

3、嵌套在frameSet中的iframe必需放在body中,不嵌套在frameSet中的iframe可以随意使用。
4、frame的高度只能通过frameSet控制；iframe可以自己控制，不能通过frameSet控制
区别：
frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架，可以用它将一个HTML文档嵌入在另一个HTML中显示。
最大区别是网页中嵌入包含的内容与整个页面是一个整体，而包含的内容是独立的个体，是可以独立显示的。
另外，Iframe还可以在页面中多次显示同一内容，而不必重复这段内容的代码。
5、 iframe 可以放到表格里面。frame 则不行。

<tr> 
        <td><iframe id="" src=""></iframe></td>
</tr>

6、iframe是活动帧，而frame是非活动帧
iframe用起来更灵活，不需要frame那么多讲究，而且放的位置也可以自己设。
iframe是内嵌的，比较灵活，不过也有不好的地方，就是位置在不同的浏览器和分辨率下有可能不同，有时会把本来好好的页面搞得变形。
iframe是一个网页中的子框架,两网页间是父子关系，
iframe是一个浮动的框架,就是在你的页面里再加上一个页面。
frame用来把页面横着或竖着切开，用来在页面中插入一个矩形的小窗口。
frame是把网页分成多个页面的页面。它要有一个框架集页面frameset。

码农公寓