2022年HTML语言入门教程 .pdf

《2022年HTML语言入门教程 .pdf》由会员分享，可在线阅读，更多相关《2022年HTML语言入门教程 .pdf（47页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、(一) 什么是 HTML 语言HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言，由W3C( World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML 文件，因为它就是一总纯文本文件。HTML 语言的基本结构下面我们来看一小段HTML 语言的代码，来了解HTML 语言的基本结构：HTML 语言的基本结构HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。将这一小段代码粘贴至文本文件中，然后选择“ 另存为 ” ，将文件的后缀名

2、改为.htm或者 .html即可，然后再所在的目录下就可看到一个IE 的图标，名字就是你所存的文件名称。 这是声明 HTML 文件的语法格式。每一个HTML 文件，都必须以 开头，以 结束 这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 47 页 - - - - - - - - - 这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。 这是声明文件主体的语法格式

3、。在者之间写下的内容都是文件的主体，也就是说将会被显示在客户区之中。注意： 几乎每一种HTML 语言的语法都是以 开头，以 结束。在编辑HTML 语言过程中，也可以使用注释。语法格式为： 。就好像 C 语言中的/* */ 一样，中间的内容只是解释说明，并不被编译器所编译。HTML 语言的基本单位1 . 长度单位长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性，同时也可以用来定义这些对象在页面上的位置等属性，用来描述页面上可能遇到的各种长度。长度的表示方法有两种：绝对长度和相对长度。他们的单位都是像素(pixel)和百分比 (%) ，像素代表的是屏幕上的每个点，而百分比代

4、表的是相对于客户区的多少。下面我们就以水平线的宽度为例，说明这两种表示方法。HTML 语言的长度表示HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。 在文本编译器中编译，改变网页的大小，就会看到这两者表示长度方法的不同。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 47 页 - - - - - - - - - 其中 标记是在页面上建立水平线的标记。width是水平线元素中的一种属性，用来表示水平线的宽度。这

5、里width=500即表示这个水平线的宽度是500像素； width=%50即表示水平线占据客户区的总宽度的 %50 。2 . 颜色单位和长度单位一样， 颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位有三种表示方法： 16 进制颜色代码、 10 进制 RGB 码、直接颜色名称。这三种表示方法不同，但是效果却是一样的。下面用一小段代码说明这三种颜色的表示方法。HTML 语言中颜色的不同表示方法 静夜思 窗前明月光 疑是地上霜 举头望明月 低头思故乡 注意： 本文件在保存时请选择Unicode 字符型进行保存。16 进制颜色代码，语法格式：#RRGGBB 。16 进制颜色代码之前必

6、须有一个“ #”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，他们的取值范围是 00-FF。10 进制 RGB 码，语法格式： RGB(RRR,GGG,BBB) 。在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是 0-255。以上两种表达方式可以相互转换，标准是 16 进制与 10 进制的相互转换。直接颜色名称，可以在代码中直接写出颜色的英文名称。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3

7、 页，共 47 页 - - - - - - - - - 以上三种表示方法的效果相同，一般16 进制颜色代码的表示方法比较常用。读者可以根据自己的喜好和实际情况来决定使用哪一种表示方法。关于不同颜色的定义，请查看相关资料。3 . URL 路径URL(Universal Resource Locator)路径是一种互联网地址的表示法。在这个数据里可以包括以何种协议连接、要连接到哪一个地址、连接地址的端口(Port)号以及服务器 (Server)里文件的完整路径和文件名称等信息。在HTML 中， URL 路径分为两种形式：绝对路经和相对路径。a. 绝对路径：绝对路径是将服务器上磁盘驱动器名称和完整的

8、伦够写出来，同时也会表现出磁盘上的目录结构。语法格式：: 其中， 是某一种传输协议，而 则是连接的位置信息。例如： b. 相对路径：相对路径是相对于当前的HTML 文档所在目录或站点根目录的路径。语法格式：相对关系 /部分路径 / 文件名根据相对路径的参照点又可以分为相对文档的相对路径以及相对根目录的相对路径。 相对文档：这种路径的表现形式是根据目标文档所在目录和当前文档所在目录之间的关系的一种表现形式。“ ./”表示上一级目录，没有“./ ”表示当前目录。例如当前文档的路径是：test/project1/index.htm 。我们要找 test目录下的 html.htm 。而当前的目录是 p

9、roject1，我们要回到上一级目录中，所以路径是“./html.htm” 。 相对根目录：这种路径根据目标文档相对于根目录的关系的一种表现形式。在这种表达式种的第一个字符是“ / ”，这个符号表示这个路径是一个相对于根目录的表达式。例如：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 47 页 - - - - - - - - - 这一课我给大家介绍html文档中 head部分的基本使用方法。head这一部分是由标记开始，以标记 结束，是 html文档的首要部分。下面我们

10、看一下 head 部分所包含的元素：元素描述title 文档标题meta 描述非 html标准的一些文档信息link 描述当前文档与其他文档之间的连接关系base 定义体试时默认的外部资源script 脚本程序内容style 样式表内容下面简要介绍一下各个部分的功能及用法：title ： title包含的内容将会被显示在浏览器窗口的标题栏中。给自己的网页起一个适当的名字，可以体现出一些自己的个性。语法格式： 在省略号处加入的文字或符号，都将显示在浏览器的标题栏中。meta ：meta元素提供的信息是用户不可见的。下面是meta的几种用法：定义搜索关键字：这里介绍两种基本的用法：这样一来，在你的

11、网页中就会体现出这样的信息。但是这些信息是不可见的，只是提供给那些搜索引擎使用。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 47 页 - - - - - - - - - 控制页面缓存：浏览器一般为了节约时间，都在本地硬盘上保存一个网上的文件作为临时版本。在用户下次打开这个网页的时候，浏览器将会直接调用硬盘上的这个版本，而不是网上的。如果想让浏览者每次打开网页的时候都是看到的最新版本，那么就在网页上加上这一句吧！定义语言：我们可以通过这样的语句设定语言的编码方式。这样，

12、浏览器就可以为我们正确的选择语言，不需要我们来选取。 上面的例子显示的就是简体中文，如果想要显示繁体中文，将 GB3212替换为 BIG5 就可以了。刷新页面这样的语句可以让我们的浏览器按照content属性中制定的时间来跳转到URL 属性中设定的URL 地址。上面的例子就是在打开页面60 秒后调用一个新的页面new.htm。如果没有能够找到new.htm，浏览器就执行刷新本页的操作。这也是大多数聊天室的设定方法。link ：这个元素用来指定当前文档和其他文档之间的联接关系。语法格式：rel 说明两个文档之间的关系；href说明目标文档名。以下是一个指定外联样式表文件的例子：关于 css 层叠

13、样式表，请查阅有关资料。base ：用于定义文档提交是默认的外部资源。语法格式：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 47 页 - - - - - - - - - href指定文档中链接到的所有文件默认的URL 地址。在这里指定href 的属性，所有的相对卢劲的前面都会加上 href属性中的值。target指定文档中所有链接的默认打开窗口。最常见的应用是在框架页(frame)中。我们要把Menu框架中的联接显示到content框架中，就可以在Menu 的网页中加

14、上 。这样，就省去了在Menu网页上所有链接的 属性上加上target属性了。script ：标记用来在页面中加入脚本程序。语法格式： 在 language中一定要指定脚本语言的种类。如VBScript等。style ：用来指定当前文档的css 层叠样式表。 css 对于网页的字体样式、背景、边界等都有很大的应用。详细部分请大家参阅css 有关内容。这一次我给大家介绍html语言中的 body的部分用法。大家从各大门户网站的主页上就可以看出，body部分占据了大部分的代码。可见 body是一个网页代码的绝对主要部分。 body是由 开始，由 结束。下面我们看一下body部分的元素：元素描述bg

15、color 背景色background 背景图案text 文本颜色link 链接文字颜色alink 活动链接文字颜色vlink 已访问链接文字颜色leftmargin 页面左侧的留白距离topmargin 页面顶部的留白距离下面介绍各个部分的功能及用法： bgcolor: 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 47 页 - - - - - - - - - Microsoft公司的 IE 浏览器中，默认情况下是白色，Netscape公司的 Navigator浏览器

16、的默认情况是灰色。语法格式： background: background属性用于指定页面的背景图案。语法格式：下面介绍几种文字的属性，可以改变文字的颜色,以及在页面上留出空白：text link alink vlink leftmargin topmargin 他们的作用分别是：非链接文字的颜色；可连接文字的颜色；正被点击的可链接文字的颜色；已被点击的可链接的文字的颜色；页面左侧的留白；页面顶部的留白。语法格式：示例：body元素示例 这里显示 body的示例。 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 -

17、 - - - - - - 第 8 页，共 47 页 - - - - - - - - - 这样的属性，大多数html的页面已经不使用这样的用法了。现在多数是在head中加入相应的代码。要达到的效果是鼠标放到有链接的字体上时，字体变色，点击后字体变为灰色。具体方法如下：A:link color:#00007f; A:visited color:#65038e; A:active color:#ff0000; A:hover color:#ff0000; 将这段代码加入到head中，在 body中加入有链接的文字，就可以看出效果了。这一部分是属于css 中的知识。在body中加入有链接的文字：在Dr

18、eamweaver中，选定文字后，在下面的Properties中的link 中加入想要链接到的页面的地址。在FrontPage中，选定文字后，点击右键就会有相应的选项。第一课 基础Html 是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档) 的扩展名是 .html 或.htm ，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html 文件。Html 语言使用标志对的方法编写文件，既简单又方便， 它通常使用 来表示标志的开始和结束 (例如 标志对 ) ，因此在

19、 Html 文档中这样的标志对都必须是成对使用的。当我们畅游 Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。 HTML ( 超文件标记语言 ) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 47 页 - - - - - - - - - ，将影像、声音、图片、文字等连结显示出来。HTML 标记是由 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 ， 所构成 ) 。HTML 网页

20、文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将 HTML 网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。HTML 文件基本架构 文件开始 标头区开始. 标题区 标头区结束 本文区开始本文区内容 本文区结束 文件结束 网页文件格式。 标头区 : 记录文件基本资料，如作者、编写时间。 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - -

21、- 第 10 页，共 47 页 - - - - - - - - - 本文区 : 文件资料，即在浏览器上看到的网站内容。注意事项通常一份 HTML 网页文件包含二个部份 : . 标头区、 . 本文区。而 和 代表网页文件格式。习惯上一个网站的首页名称通常订为 index.htm 或 index.html 这样只要浏览网站，浏览器便会自动的找出 index.htm 文件。第二课 字体. 标题，设定标题字体大小， n = 1 ( 大 ) 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。如 : 标题 标题如 : 标题 ( 标题置中 ) 标题. 粗体字。名师资料总结 - - -精品资料欢迎

22、下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 47 页 - - - - - - - - - 粗体字 粗体字. 斜体字。如 : 斜体字 斜体字. 横线 ( 表示删除 ) 。如 : 横线 . 打字体 ( 固定宽度文字 ) 。如 : 打字体 打字体. 上标字。如 : 字体 上标字 字体上标字. 下标字。如 : 字体 下标字 字体下标字 注解 ( 不会显示在浏览器上 ) ，可以多行。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 -

23、 - - - - - - 第 12 页，共 47 页 - - - - - - - - - 更新日期 : 2000/1/1 第三课 表格表格是 html 的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。常用表格标记.表格指令。相关属性 : align 调整bgcolor 背景颜色border 边框height 高度width 宽度.表格标题。相关属性 : align 调整.表格列 ( 可省略 ) 。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理

24、 - - - - - - - 第 13 页，共 47 页 - - - - - - - - - align 调整.表格栏标题 ( 表头 ) 粗体字 ( 可省略 ) 。相关属性 : align 调整colspan 栏宽rowspan 栏高.表格栏资料 ( 储存格 ) ( 可省略 ) 。相关属性 : align 调整bgcolor 背景颜色height 高度width 宽度colspan 栏宽rowspan 栏高举例如 : ( 基础型 ) 太平洋网络学院 太平洋网络学院名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 -

25、- - - - - - 第 14 页，共 47 页 - - - - - - - - - 太平洋网络学院太平洋网络学院太平洋网络学院太平洋网络学院太平洋网络学院如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。 表格标题 行标题 1 行标题 2 列标题 1 a a a a b b b b 列标题 2 c c c c d d d d 表格标题行标题 1 行标题 2 列标题 1 a a a a b b b b 列标题 2 c c c c d d d d 第四课 标示名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - -

26、名师精心整理 - - - - - - - 第 15 页，共 47 页 - - - - - - - - - 常用标示标记 标示项目。如 : 第一项 第二项1.第一项2.第二项. 编号标示，可标示数字或英文、罗马字母。如 : 第一项 第二项i.第一项ii.第二项. 符号标示，可标示数字或英文、罗马字母。如 : 第一项 第二项第一项第二项 定义项目。 定义资料。. 定义标示。如 : 十进制 :0 、1、2、3、4、5、6、7、8、9 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页

27、，共 47 页 - - - - - - - - - :0 、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f 十进制 : 0、1、2、3、4、5、6、7、8、9 十六进制 : 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f 巢状式标示巢状式标示如 : 第一章 第一节 第一段 第二段 第二节 第二章 第三章1.第一章i.第一节第一段第二段ii.第二节2.第二章3.第三章其他标示标记. 目录式标示 ( 自动加圆点 ) 。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - -

28、 第 17 页，共 47 页 - - - - - - - - - 网络学院 : 新手上路 软件教室 设计教室 开发教室 网络学院 :新手上路软件教室设计教室开发教室注意事项标示项目符号也可以用. 标记， 以符号字元( 、 ?、. 等 ) 标示。如 : 特殊符号 :名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页，共 47 页 - - - - - - - - - html 文件中，有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时，便要用替代指令。符号替代指令 "

29、 或 " & & 或 & > 或 > 不可分空格  第五课 区段标记一个网站不仅要内容丰富外，也要有美观简洁的版面。html 所提供的区段标记功能，如果可以好好的利用也会有相当不错的效果。常用区段标记 产生水平线。如 : 跳下一行。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 47 页 - - - - - - - - - 太平洋网络学院， 网上学电脑的好去处。太平洋网络学院，网上学电脑的好去处。.段落，跳下一行并加一行空白。 (

30、可省略 ) 如 : 太平洋网络学院， 网上学电脑的好去处。太平洋网络学院，网上学电脑的好去处。.置中。如 : 置中置中.不跳下一行。如 : 太平洋网络学院， 网上学电脑的好去处。太平洋网络学院，网上学电脑的好去处。.以文件原始格式显示。如 : 原始格式 : 文件 原始格式 : 文件第六课 链接名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 47 页 - - - - - - - - - 链接可说是 html 中最重要的功能！因为html 拥有链接的功能，使你能接上 int

31、ernet、www ,享受多姿多彩的网络世界。基本上链接分成 : 外部链接链接至网络的某个url网址或文件， 可参考考网络链接方式。内部链接链接html 文件的某个区段。网络链接方式网络链接方式 : /主机名称 / 路径 / 文件名称网址 如 : http : / 文件传输如 : ftp : / gropher 传输 如 : gropher : / 远端登入如 : telnet : / 文件下载如 : file : /data/html/file.zip net news 传输 如 : news : e-mail 如 : mailto : 常用链接标记名师资料总结 - - -精品资料欢迎下载

32、- - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页，共 47 页 - - - - - - - - - 设定基本 url 位置或路径，以後只要设定文件名称即会自动加上位置或路径。相关属性 : href 链接的 url位址或文件target 指定链接到的url位址或文件显示于那一个视窗 ( 可和 视窗标记配合使用或开新的视窗 ) 如 : .链接指令。相关属性 : href 链接的 url位址或文件name 名称target 指定链接到的url位址或文件显示于那一个视窗 ( 可和 视窗标记配合使用或开新的视窗 ) 如 : 外

33、部链接 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 47 页 - - - - - - - - - 第六课 链接内部链接ch1.htm 文件 ( 欲链接至 html 文件 a 点 ) ( html文件 a 点 ) ch2.htm 文件 ( 欲链接至ch1.htm 文件 a 点 ) 表示链接点，可以是文字或图案。( 即游标移到时，会变成手指形状的地方 ) 链接指令 ( 用于 head 区，设定 css 文件 ) 。 储存应用资讯，可设定时间载入网页 ( 用于 head

34、区 ) 。相关属性 : charset 设定content 回应表头资料内容 , 若是数字表示秒数http -equiv 回应表头 , 若设定为 refresh载入 url 设定url html位置名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 23 页，共 47 页 - - - - - - - - - 设定中文自动跳行。 设定十秒回到首页。 ( 若不设定 html 文件位置则再载入原html 文件 ) 设定链接、未链接部份颜色设定链接、未链接部份颜色，用.标记。相关属性 : ali

35、nk按下链接部份未放开时颜色link未看过的链接部份颜色vlink已看过的链接部份颜色如 : 第八课 设置图片图片增加了网站版面的美观，不过也不要放了大量的图片，而拖慢网站传输的效率名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 24 页，共 47 页 - - - - - - - - - : 1.设定 html 文件背景图片、背景颜色。.标记。如 : . 或. 2.设定图片。 标记。3.设定地图。 . 标记。常用图片标记 指令相关属性 : align 调整alt 提示字border

36、边框height 高度src 文件或 url 位址usemap 地图名称width 宽度如 : 可插入图片 ( gif、jpg 格式 ) 、avi 电影 img src=./././images/pcedu_lo.gif alt=太平洋网络学院 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 25 页，共 47 页 - - - - - - - - - . 地图相关属性 : name名称 设定地图动作区域相关属性 : coords 设定动作区域座标 ( 左上角座标 : x1,y1 ;

37、右下角座标 : x2,y2 ) href 动作区域连结点 ( 可载入位址或文件 ) nohref 动作区域连结点不动作shape 外型举例设定地图 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 26 页，共 47 页 - - - - - - - - - 加入声音html 不仅能插入图片，也可以载入midi 音乐、 wav 音效喔！常用音乐标记 背景音乐、音效。相关属性 : loop 循环 , 背景音乐播放次数src 文件或 url 位址 ( 可为 wav、midi 格式 ) 如 :

38、 内嵌音乐插件. 内嵌插件。相关属性 : height 高度width 宽度 ( 可设百分比 % ) src 设定内嵌物件的 url 位址loop 循环 , 背景音乐播放次数autostart 自动播放名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 27 页，共 47 页 - - - - - - - - - 第十课 滚动条这是由 ie 提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！【文字卷动标记】. 文字卷动 ( 滚动条 ) 。【相关属性】behavior = 设定卷

39、动方式- alternate 交替来回卷动- scroll 卷动 ( 预设 ) - slide 滑动bgcolor = color 背景颜色direction = 设定卷动方向height = n 高度loop = n 循环 , 卷动次数 ( 预设循环 ) scrollamount = n 设定卷动距离名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 28 页，共 47 页 - - - - - - - - - 设定卷动时间truespeed = milliseconds 设定卷动速度w

40、idth = n 宽度 ( 可设百分比 % ) 【举例】如 : 太平洋网络学院如 : 太平洋网络学院 一 html的标签table ，tbody,tr,td 称为 html 的标签，以双标签的形式出现，所谓双标签，也就是有一个 就有一个对应的 与之对应，同样适用于其他的双标签。一般标签都为双标签。标签最终所显示的网页效果由各个属性来表达，属性可选择使用，不一定全部都用。在整个图片或帖子里双标签以首尾呼应的方式出现。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 29 页，共 47 页

41、 - - - - - - - - - border=0 cellpadding=0 cellspacing=0 bordercolor=#0000ff width=100% 这里是图片 , 文字或帖子内容 . 的常用参数设定： width=400 表格宽度，接受绝对值( 如 width=80) 及相对值 (width=80%) 。border=1 表格边框的厚度，不同浏览器有不同的内定值。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 30 页，共 47 页 - - - - - -

42、- - - 表格格线的厚度align=center 表格的摆放位置 (水平) ，可选值为： left(居左), right(居右), center( 居中)valign=top. 表格内内容的对齐方式( 垂直)，可选值为： top, middle, bottom。background=myweb.gif 表格的背景图片，与 bgcolor 不要同用。bgcolor=#0000ff 表格的背景颜色，与 background 不要同用bordercolor=#cf0000 表格边框颜色bordercolorlight=#00ff00 表格边框向光部分的颜色bordercolordark=#00ff

43、ff 表格边框背光部分的颜色，使用 bordercolorlight 或bordercolordark 时 bordercolor 将会失效。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 31 页，共 47 页 - - - - - - - - - 和高度 height的值根据需要自定二 帖图格式帖图基本代码如下： 称图形标记，主要用来插入图形标记。三 文字设制基本代码如下： 插入文字 align=center 表示字体居中，可选值为居右（right）居左（ left）color=

44、颜色代码face= 字体常用字体为：宋体 . 黑体. 楷体 . 仿宋. 幻缘. 新宋体 . 细明体等size= 字体大小，这里的最大值为7 取值越大文字就越大四 加入音乐名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 32 页，共 47 页 - - - - - - - - - src=your.mid 设定 midi 档案及路径，可以是相对或绝对。autostart=true 是否在音乐档下载完之后就自动播放。true 是， false 否 ( 内定值 ) 。loop=true 是否

45、自动反复播放。 loop=2 表示重复两次， true 是， false 否。hidden=true 是否完全隐藏控制画面，true 为是， no 为否 ( 内定 ) 。starttime=分: 秒 设定歌曲开始播放的时间。如 starttime=00:30 表示从第 30 秒处开始播放。volume=0-100 设定音量的大小，数值是0 到 100 之间。内定则为使用系统本身的设定width= 整数 和 high= 整数 设定控制面板的高度和宽度。( 若 hidden=no) align=center 设定控制面板和旁边文字的对齐方式，其值可以是 top 、bottom、名师资料总结 - -

46、 -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 33 页，共 47 页 - - - - - - - - - baseline 、 left、right 、texttop 、middle 、absmiddle 、absbottom controls=smallconsole 设定控制面板的外观。预设值是 console 。console 一般正常面板smallconsole 较小的面板playbutton 只显示播放按钮pausecutton 只显示暂停按钮stopbutton 只显示停止按钮volume

47、lever 只显示音量调节按钮贴音乐的完整语法如下:一: 隐藏播放器二: 不隐藏播放器名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 34 页，共 47 页 - - - - - - - - - HTML 我的页面 网页的内容 . 例 1-1 当你点开任何网页的源文件的时候，相信都可以在长长的字符中寻找到上面这些单词, 或者你现在把上面这些单词复制到你新建的文档文件中，保存之后把后缀名改成 .html ，一个网页就诞生了。 这就是 HTML 语言，它不象 C+ ，VB等等程序语言要你摸

48、不清头脑， HTML 语言只是一个在SGML 定义下的描述性语言，或者说是标识语言。既然是标识语言，我们就从标识开始进行学习好了， 也许当你完全掌握标识之后，就会发现基本上已经明白什么是HTML 了。标识的写法 : 1. 任何标识都应该写在 之间，如 2. 标识的字母没有大小写的区分。3. 在起始标识中加入“ / ”就是终止标识， 一般情况下有起始表示就有终止标识。例如. 4. 有的标识需要加入参数， 有的不必，需要注意的是这些参数只能加在起始标识中。现在我们开始认识第一类标识：文件标识事实上你已经见过了这些标识, 没错就是 ； ； ； ，. 这段标识告诉浏览器现在运行HTML 文件，所以你写

49、 HTML 文件都应该以 开头， . . 这是 HTML 文件的开头部分，相应的. 就是本文部分，开头部分主要是用来记载关于这个页面的一写重要资讯，所以呢大部分的标记都将在本文部分进行应用。. 这里的文字就成了你所建立页面的标题，你可以更改一下例1-1 中非标记部分。这些标记就构成了HTML 的基本构架，其中只有 具有参数设定 , 我们就通过一个例子还认识好了 text= 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 35 页，共 47 页 - - - - - - - - - li

50、nk= 设定一般文字连结颜色。alink= 设定刚按下时文字连结颜色。vlink= 设定连结后的颜色。（被按过）。background= 设定背景墙纸。bgcolor= 设定背景颜色。leftmargin= 设定整份文件显示画面的左方边沿空间，单位为像素。topmargin= 设定整份文件显示画面的上方边沿空间。bgproperties=fixed 固定背景墙纸，当卷动文字时墙纸不会跟著卷动。这里需要说明的是色彩的问题，色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示的， 所以一个颜色也就由RRGGBB 的格式构成 ,而 16 进制的数码有 : 0,1,2,3