xxx大学xx学院
专题小论文
题目：网页设计与制作实践
——HTML介绍
二〇##年十二月
HTML
摘要：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。网页设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路，具备可实际行和外观时尚。网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。首先是基于静态网页的html超文本标记语言，本论文将对网页设计的开发语言开展研究和讨论。在网页设计与制作语言的基础上，着重使用HTML作为工具语言进行网页设计与制作的实际操作。
关键词：网页设计 ；制作；HTML ；
目录
一、HTML概述 ………………………………………………3
二、HTML基本结构 …………………………………………3
三、HTML的标签与属性 ……………………………………4
四、HTML颜色的设定…………………………………………4
五、HTML格式和样式…………………………………………4
六、HTML表单…………………………………………………5
七、HTML列表 ………………………………………………6
八、特定文字样式标签 ……………………………………6
九、小结 ……………………………………………………7
参考文献 …………………………………………………8
一、HTML概述
HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（是World Wide Web的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：
通过HTML可以表现出丰富多彩的设计风格：
图片调用：<IMGSRC="文件名">
文字格式：<FONTSIZE="+5"COLOR="#00FFFF">文字
</FONT>
通过HTML可以实现页面之间的跳转：
页面跳转： 〈AHREF="文件路径/文件名"></A>通过HTML可以展现多媒体的效果：
声频：<EMBEDSRC="音乐地址"AUTOSTART=true>视频：<EMBEDSRC="视频地址"AUTOSTART=true>
从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来当作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字属性>”来表示。
HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。
二、HTML基本结构
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置，
HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:1－1.html
<HTML>----------------------------------------开始标签
<HEAD>--------------------------------------|头部标签
<TITLE>一个简单的HTML示例</TITLE>
</HEAD>-------------------------------------
<BODY>----------------------------------------|文件主体
<CENTER>|<H1>欢迎光临我的主页</H1>|
<BR>|
<HR>
<FONTSIZE=7COLOR=red>|
这是我第一次做主页|
</FONT>|
</CENTER>|
</BODY>---------------------------------------
</HTML>---------------------------------------结尾标签
<HTML></HTML>在文档的最外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有<html>标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。
<HEAD></HEAD>是HTML文档的头部标签,在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。
<title>和</title>是嵌套在<HEAD>头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。
<BODY></BODY>标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。
三、HTML的标签及属性
对于刚刚接触超文本的朋友，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项，
HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签名>和 尾标签</标签名>组成的，成对标签的作用域只作用于这对标签中的文档。单独标签的格式<标签名>，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性,属性要写在始标签内，属性用于进一步改变显示的效果,各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下：
<标签名字属性1属性2属性3…>内容</标签名字>
作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：
<font color="#ff00ff"face="宋体"size="30">字体设置
</font>
注意事项：输入始标签时，一定不要在“<”与标签名之间输入多余的空格，也不能在中文输入法状态下输入这些标签及属性，否则浏览器将不能正确的识别括号中的标志命令，从而无法正确的显示你的信息。
四、HTML颜色的设定
颜色值是一个关键字或一个RGB格式的数字。在网页中用得很多，在此就先介绍一下。
颜色是由"red" "green" "blue"三原色组合而成的，在HTML中对颜色的定义是用十六进位的，对於三原色HTML分别给予两个十六进位去定义，也就是每个原色可有256种彩度，故此三原色可混合成16777216种颜色。
例如：
白色的组成是red=ff ,green=ff,blue=ff,RGB值即为ffffff
红色的组成是red=ff ,green=00,blue=00,RGB值即为ff0000
绿色的组成是red=00,green=ff,blue=00,RGB值即为00ff00
蓝色的组成是red=00,green=00,blue=ff,RGB值即为0000ff
黑色的组成是red=00,green=00,blue=00,RGB值即为000000
五、HTML的格式和样式
HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示：
HTML样式：style 属性的作用：提供了一种改变所有HTML元素的样式的通用方法。样式是HTML4引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接地在独立的样式表中（CSS文件）进行定义。
六、HTML表单
表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（<form>）定义。
七、HTML列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于<ul>标签。每个列表项始于<li>。有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于<ol>标签。每个列表项始于<li>标签。
Fram
<html>
<frameset cols="25%,50%,25%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>
</html>
八、特定文字样式标签
在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html中用于这种功能的标签可以分为两类，物理类型和逻辑类型。
1、物理类型
(1)粗体标签<b>放在<b>与</b>标签之间的文字将以粗体方式显示。
(2)斜体标签<i>放在<i>与</i>标签之间的文字将以斜体方式显示。
(3)下划线标签<u>放在<u>与</u>标签之间的文字将以下划线方式显示。
2、逻辑类型
逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显示效果，常用的逻辑类型标签有八种，放在标签之间的文字受其控制。下面请看常用逻辑标签的实例
<html>
<head>
<title>字体的逻辑类型</title>
</head>
<body>
<pre>
em标签：<em>用于强调的文本，一般显示为斜体字</em>
strong标签：<strong>用于特别强调的文本，显示为粗体字</strong>
cite标签：<cite>用于引证和举例，通常是斜体字</cite>
code标签：<code>用来指出这是一组代码</code>
small标签：<small>规定文本以小号字显示</small>
big标签：<big>规定文本以大号字显示</big>
samp标签：<samp>显示一段计算机常用的字体，即宽度相等的字体</samp>
kbd标签：<kbd>由用户输入文本，通常显示为较粗的宽体字</kbd>
var标签：<var>用来表示变量，通常显示为斜体字</var>
dfn标签：<dfn>表示一个定义或说明，通常显示为斜体字</dfn>
sup标签：12<sup>2</sup>=144
sub标签：硫酸亚铁的分子式是Fe<sub>2</sub>SO<sub>4
</sub>
</pre>
</body>
九、小结
本文主要介绍了HTML的基本语法规则，以及HTML的部分常用控制标记。这些知识是网页开发人员应当掌握的基本知识，如果只是单纯的依赖于所见即所得的网页开发工具来进行网页制作，那就还算不上真正的页面编辑专家，因为所见即所得的页面开发工具还不是很完善，仍然需要人的参与才能发挥出它的优势。当然，要成为一名真正的专业网页开发专家，还需要有良好的创意和审美观，这样才能够做出优秀的页面。
但是，我们在日常的网页创作中仅使用HTML来进行页面开发是不够的，这会使我们常常受到限制。
参考文献
《网页制作》人民邮电出版社，20##年10月张长富，李匀著，
《信息技术》江苏科学技术出版社，20##年〈1〉乔春源，樊天岳等。
《网页设计与Web数据库发布技术》清华大学出版社魏应彬著
第二篇：网页设计HTML代码教程
<dd>纽约 </dd>
</dl>
</body>
</html>
此例在浏览器中的显示如下:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
5.<ol></ol><ul></ul><li></li>
<ol></ol>标志对用来创建一个标有数字的列表；<ul></ul>标志对用来创建一个标有圆点的列表；<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的例子：
例3 标有数字或圆点的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中国城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>广州 </li>
</ol>
<ul>
<p>美国城市 </p>
<li>华盛顿 </li>
<li>芝加哥 </li>
<li>纽约 </li>
</ul>
</body>
</html>
此例在浏览器中的显示如下:
中国城市
1. 北京
2. 上海
3. 广州
美国城市
? 华盛顿
一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。
例4 文本标志的综合示例
<html>
<head>
<title>文本标志的综合示例</title>
</head>
<body text="blue">
<h1>最大的标题</h1>
<h3>使用h3的标题</h3>
<h6>最大的标题</h6>
<p><b>黑体字文本</b> </p>
<p><i>斜体字文本</i> </p>
<p><u>下加一划线文本</u> </p>
<p><tt>打字机风格的文本</tt></p>
<p><cite>引用方式的文本</cite></p>
<p><em>强调的文本</em></p>
<p><strong>加重的文本</strong></p>
<p><font size="+1" color="red">size取值“+1”、color取值“red”时的文本</font></p> </body>
</html>
本例在浏览器中显示的结果如下：
最大的标题
使用h3的标题
最大的标题
黑体字文本
斜体字文本
下加一划线文本
打字机风格的文本
引用方式的文本
强调的文本
加重的文本
size取值“+1”、color取值“red”时的文本
返回
教 程 >> HTML >> 图像标志
教程四、图像标志
1.<img>
2.<hr>
再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了<img>标志来处理图像的输出。
1.<img>
<img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！
必须强调一下，src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。
2.<hr>
<hr>标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
下面是本教程的一个综合例子。
例5 图像标志举例
<html>
<head>
<title>图像标志的综合示例</title>
<tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用，而在此标志对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法，<td></td>标志对用来创建表格中一行中的每一个格子，此标志对也只有放在<tr></tr>标志对之间才是有效的，您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示：
最外层,创建一个表格-->
创建一行-->
创建一个格子(这里总共创建了三个格子)--> <table>
<tr>
</tr> <td>要输出的文本只能放在此处</td> <td>要输出的文本只能放在此处</td> <td>要输出的文本只能放在此处</td>
最外层--> </table>
此外，<tr>还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。
3.<th></th>
<th></th>标志对用来设置表格头，通常是黑体居中文字。
看一看下边的例子就明白以上标志对的用法了。
例6 表格标志的综合示例
<html>
<head>
<title>表格标志的综合示例</title>
</head>
<body>
<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF" bordercolorlight="#7D7DFF" bordercolordark="#0000A0">
<tr>
<th width="33%" colspan="2" valign="bottom">意大利</th>
<th width="36%" colspan="2" valign="bottom">英格兰</th>
<th width="36%" colspan="2" valign="bottom">西班牙</th>
</tr>
<tr>
<td width="16%" align="center">AC米兰</td>
<td width="16%" align="center">佛罗伦萨</td>
<td width="17%" align="center">曼联</td>
<td width="17%" align="center">纽卡斯尔</td>
<td width="17%" align="center">巴塞罗那</td>
<td width="17%" align="center">皇家社会</td>
</tr>
<tr>
<td width="16%" align="center">尤文图斯</td>
<td width="16%" align="center">桑普多利亚</td>
教 程 >> HTML >> 链接标志
教程六、链接标志
1.<a href=""></a>
2.<a name=""></a>
教程六的内容不是很多，而且很简单。链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。
1.<a href=""></a>
本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入<img src="">标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailto:形式，即发送E-Mail形式。对于第一种情况，语法为<a href="URL"></a>，这就能创建一个超文本链接了，例如：
<a href="/">这是我的网站</a>
对于第二种情况，语法为<a href="mailto:EMAIL"></a>，这就创建了一个自动发送电子邮件的链接，mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)，例如：
<a href="mailto:xiaolida@263.net">这是我的电子信箱(E-Mail信箱)</a>
此外，<a href=""></a>还具有target属性，此属性用来指明浏览的目标帧，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如：
<a href="/" target="_blank">这是我的网站</a>
2.<a name=""></a>
<a name=""></a>标志对要结合<a href=""></a>标志对使用才有效果。<a name=""></a>标志对用来在Html文档中创建一个标签(即做一个记号)，属性name是不可缺少的，它的值也即是标签名，例如：
<a name="标签名">此处创建了一个标签</a>
创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。要找到标签所在地，就必须使用<a href=""></a>标志对。例如要找到“标签名”这个标签，就要编写如下代码：
<a href="#标签名">点击此处将使浏览器跳到“标签名”处</a>
注意：href属性赋的值若是标签的名字，必须在标签名前边加一个“#”号。
下面是本教程的一个综合示例：
例7 链接标志的综合示例
<html>
<head>
<title>链接标志的综合示例</title>
</head>
<body>
<p align="center" style="font-size:9pt;color:yellow;background:black"><br>
<a name="Top"><font color="red">创建标签处</font></a><br>
<br>
<br>
欢迎想要学习网页制作的同学访问我的网站<br>
<a href="/" target="_blank"><font color="lime">/</font><br>
<br>
<img src="/image/logo.jpg"
alt="欢迎访问"网页制作"" border="0" width="468" height="60"></a><br>
<br>
本网站的主要内容<br>
<br>
<a href="index_Html.htm" target="_blank">Html教程</a><br>
<br>
<a href="../DHtml/index_DHtml.htm" target="_blank">动态Html教程</a><br>
<br>
<a href="../ASP/index_ASP.htm" target="_blank">ASP教程</a><br>
<br>
JavaScript教程<br>
<br>
VBScript教程<br>
<br>
<a href="../yqlj/yqlj.htm" target="_blank">友情链接</a><br>
<br>
我要留言<br>
<br>
作者介绍<br>
<br>
<br>
欢迎给我来信，我的E-Mail是：
<a href="mailto:xiaolida@263.net"><font color="lime">xiaolida@263.net</font></a><br>
<br>
<a href="#Top"><font color="lime">点击此处回到标签处</font></a><br>
<br>
</p>
</body>
</html>
本例在浏览器中显示的结果如下：
返回
教 程 >> HTML >> 帧标志
教程七、帧标志
1.<frameset></frameset>
2.<frame>
3.<noframes></noframes>
帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为主文档)。帧通常的使用方法是在一个帧中放置
下边是一个综合示例：
例8 帧标志的综合示例
主文档：
<html>
<head>
<title>帧标志的综合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left"> <frame src="page1.htm" scrolling="auto" name="Main"> <noframes>
<body>
<p>对不起，您的浏览器不支持“帧”！</p>
</body>
</noframes>
</frameset>
</html>
menu.htm
<html>
<head>
<title>目录</title>
</head>
<body>
<p><font color="#FF0000">目录</font></p>
<p><a href="page1.htm" target="Main">链接到第一页</a></p> <p><a href="page2.htm" target="Main">链接到第二页</a></p> </body>
</html>
page1.htm
<html>
<head>
<title>第一页</title>
</head>
<body>
<p align="center"><font color="#8000FF">这是第一页！</font></p> </body>
</html>
page2.htm
<html>
教程九、声音标志
1.<bgsound>
2.<embed></embed>
想在主页中加入自己的声音吗?想让别人进入你的主页时听到一声亲切的问候或一段简要的介绍吗?那么快跟我来,轻松搞定,非常简单.
一般说来在主页中加入声音有三种方法，一是用<bgsound>标志加入背景音乐；二是用<embed>标志嵌入声音；另外一种则是用ActiveX控件中的ActiveMovie控件。第三种方法稍微复杂一些，在网页多媒体开发方面有一定的用处。我们在这里还是讲最常用的前两种吧。
1.<bgsound>
用<bgSound>标志加入背景音乐格式如下: <bgsound="你要加的音乐文件.wav" loop="播放的次数">其中loop属性为0时表示循环播放， 但bgsound标记只能适用于IE。有很多朋友使用FRONTPAGE做主页,只须在页面中点击右键,选择页面属性,选定背景乐就可以了。 其原理是使用bgsound标记。
2.<embed></embed>
用<embed>标志嵌入声音引用格式如下: <embed SRC=″你要加的音乐文件.wav″ WIDTH=145 HEIGHT=60>（该标志属性在文末有详细说明）。声音文件使用的是Windows的.wav或WWW的.au格式，但最适合做主页背景音乐的是以.mid为后缀的MIDI音乐文件。实际上<embed>>标志还可以引用如动画文件、VRML文件等。
现在我们来看一下怎样利用Windows自带的录音软件来录制你自己的声音。
接上话筒,在桌面控制面板上点击右键打开音量控制面板,去掉MICROPHPONE的静音（如下图）。如果没有MICROPHPONE的选项，可打开控制面板上选项中的属性，在MICROPHPONE的复选框上打勾。
再选择WINDOWS开始菜单程序中的附件，打开娱乐中的录音机,录制自己的声音(这就是放在主页中的声音了).你可以说一句"欢迎你来到我的主页"，录下来后,保存成WAVE格式的文件,放到网站中，再用第一步的方法加到主页中就可以了.
附：<EMBED>标记语法说明
SRC="文件名称和路径"：设置背景音乐的路径和名称；
AUTOSTART="TRUE/FALSE"：设置是否音乐文件一传完后就开始播放，默认为FALSE(否)
LOOP=" TRUE/FALSE/整数"：设置重播次数，TRUE为无限次重播，FALSE为不重播，LOOP=某个整数，为重播多少次。
VOLUME="0－100"：设置音量，默认为系统本身的音量；
STARTTIME="分：秒"：设置歌曲开始播放的时间，如STARTTIME="00：20"为从第20秒开始播放；
ENDTIME="分：秒"：设置歌曲播放结束的时间 ；
WIDTH和HIGH="整数"：设置控制面板的宽和高；
CONTROLS="CONSOLE/SMALLCONSOLE/PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/VOLUMELEVER"：设置控制面板的外观 。CONSOLE为正常大小的面板，SMALLCONSOLE为较小的面板，PLAYBUTTON为显示播放按钮，PAUSEBUTTON为显示暂停按钮， STOPBUTTON为显示停止按钮，VOLUMELEVER为显示音量调节，若要隐藏控制面板可用HIDDEN=TRUE。