制作网页的属性面板有HTML选项和CSS选项，两个有什么区别？

两者区别在于：

1、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等；

2、一般统一在CSS中设置样式，你可以随便打开网站查看源码，基本上看不到HTML中有设置样式的；

3、html是用来写网页内容的，像网页上文字、图片内容等都是用html来写；

4、css是用来写样式表的，给html写的内容加上各种样式，使网页更美观。像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的；

5、html调用样式的时候分为三种类型：内联样式，内部样式，外部样式。

1）内联样式：就是写在html的标签上；

2）内部样式：就是写在heml的头部head中；

3）外部样式：就是写在外部，另外建一个css文件

这三种调用样式的权重值是：内联样式>内部样式>外部样式。

即：先文件加载的时候先调用内联样式，如果没有内联样式其次才是内部样式，最后才是外部样式。

html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式

也就是HTML属性会被显示出来的CSS中相同属性所覆盖

<embed>标签定义嵌入的内容，一般常用于在网页中插入多媒体格式可以是rm .mid .wav等，IE、Firefox等最新浏览器都能支持。

（一）、基本语法： 

embed src=url 

说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，

Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 

示例：<embed src="your.mid"> 

（二）、属性设置： 

1、自动播放： 

语法：autostart=true、false 

说明：该属性规定音频或视频文件是否在下载完之后就自动播放。 

true：音乐文件在下载完之后自动播放； 

false：音乐文件在下载完之后不自动播放。 

示例：<embed src="your.mid" autostart=true> 

<embed src="your.mid" autostart=false> 

2、循环播放： 

语法：loop=正整数、true、false 

说明：该属性规定音频或视频文件是否循环及循环次数。 

属性值为正整数值时，音频或视频文件的循环次数与正整数值相同； 

属性值为true时，音频或视频文件循环； 

属性值为false时，音频或视频文件不循环。 

示例：<embed src="your.mid" autostart=true loop=2> 

<embed src="your.mid" autostart=true loop=true> 

<embed src="your.mid" autostart=true loop=false> 

3、面板显示： 

语法：hidden=ture、no 

说明：该属性规定控制面板是否显示，默认值为no。 

ture：隐藏面板； 

no：显示面板。 

示例：<embed src="your.mid" hidden=ture> 

<embed src="your.mid" hidden=no> 

4、开始时间： 

语法：starttime=mm:ss（分：秒） 

说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。 

示例：<embed src="your.mid" starttime="00:10"> 

5、音量大小： 

语法：volume=0-100之间的整数 

说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。 

示例：<embed src="your.mid" volume="10"> 

6、容器属性： 

语法：height=# width=# 

说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。 

height：控制面板的高度； 

width：控制面板的宽度。 

示例：<embed src="your.mid" height=200 width=200> 

7、容器单位： 

语法：units=pixels、en 

说明：该属性指定高和宽的单位为pixels或en。 

示例：<embed src="your.mid" units="pixels" height=200 width=200> 

<embed src="your.mid" units="en" height=200 width=200> 

8、外观设置： 

语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、

volumelever 说明：该属性规定控制面板的外观。默认值是console。 

console：一般正常面板； 

smallconsole：较小的面板； 

playbutton：只显示播放按钮； 

pausebutton：只显示暂停按钮； 

stopbutton：只显示停止按钮； 

volumelever：只显示音量调节按钮。 

示例：<embed src="your.mid" controls=smallconsole> 

<embed src="your.mid" controls=volumelever> 

9、对象名称： 

语法：name=# 

说明：#为对象的名称。该属性给对象取名，以便其他对象利用。 

示例：<embed src="your.mid" name="sound1"> 

10、说明文字： 

语法：title=# 

说明：#为说明的文字。该属性规定音频或视频文件的说明文字。 

示例：<embed src="your.mid" title="第一首歌"> 

11、前景色和背景色： 

语法：palette=color|color 

说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景

色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent 

（透明）。 示例：<embed src="your.mid" palette="red|black"> 

12、对齐方式： 

语法：align=top、bottom、center、baseline、 left、right、texttop、middle、

absmiddle、absbottom 

说明：该属性规定控制面板和当前行中的对象的对齐方式。 

center：控制面板居中； 

left：控制面板居左； 

right：控制面板居右； 

top：控制面板的顶部与当前行中的最高对象的顶部对齐； 

bottom：控制面板的底部与当前行中的对象的基线对齐； 

baseline：控制面板的底部与文本的基线对齐； 

texttop：控制面板的顶部与当前行中的最高的文字顶部对齐； 

middle：控制面板的中间与当前行的基线对齐； 

absmiddle：控制面板的中间与当前文本或对象的中间对齐； 

absbottom：控制面板的底部与文字的底部对齐。 

示例：<embed src="your.mid" align=top> 

<embed src="your.mid" align=center>

这里提供更详细的参数，也许对你有用。

HTML后缀的文件是网页文件。平时浏览的网页都是由HTML编辑加其他技术实现的，可以使用浏览器浏览该文件或者使用任意文本编辑器或者专业的编辑器打开查看或者编辑html代码。

相关介绍：

一、什么是HTML：

HTML是超文本标记语言，或超文本链接标示语言（标准通用标记语言下的一个应用HTML（HyperText Mark-up Language），是一种制作万维网页面的标准语言，它消除了不同计算机之间信息交流的障碍。它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

二、HTML页面结构：

超文本标记语言的结构包括头部分（Head）、和主体部分（Body），其中头部（head）提供关于网页的信息，主体（body）部分提供网页的具体内容。它其实是文本，它需要浏览器的解释，每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。

三、常用的HTML编辑工具：

HTML编辑工具很多，这里介绍几款编辑工具：

1、Dreamweaver

Dreamweaver有很多版本。现在用cs6、cc等，使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 FTP 性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 HTML5 代码 。

2、WebPlus SE

WebPlus SE是一个不需要任何HTML知识就容易使用的网页设计应用程序。WebPlus SE使任何人都能轻松设计出惊人的网页，并引领您的网站让你一步一步走向高端。软件的界面友好， *** 作起来简单，软件特别适合初学网页的人使用。它能迅速创建具有专业外观的网站。

3、KindEditor

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。

4、Fresh HTML

Fresh HTML是一个支持所见即所得功能的HTML编辑器，可以实现象编辑文本文件一样对HTML页面进行编辑

5、EditPlus

EditPlus一套功能强大，可取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。

而它还有一个好用的功能，就是它有监视剪贴板的功能，能够同步于剪贴板自动将文字粘贴进 EditPlus 的编辑窗口中，让你省去粘贴的步骤！

6、HTMLPad

HTMLPad是专为自动化及加快网页文件的创建工作而设计的HTML编辑器，HTMLPad功能强大，并具有清爽的界面和纯文本编辑环境。PRO版还增加了CSS的完整编辑环境，包括CSS代码自动完成，CSS代码自动检查和CSS的即时预览。更是一个所见即所得的网页编辑器。

---