《【精品】第2章Web页面制作基础》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第2章Web页面制作基础2.1HTML概述2.2HTML文本设计2.3加入多媒体与超级链接2.4制作表格2.5制作表单2.6框架结构2.7CSS基础2JHTIVIL概述2.1.1HTML简介HTML是（HyperTextMarkupLanguage,超文本标记语言）的缩写，用来表示网上信息的符号标记语言。HTML最早源于SGML语言。HTML语言内容丰富，从功能上大体可分为：文本结构设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格以及窗体的操作。2JHTML■概述2.1.2HTML文档的结构包括

2、HEAD、TITLE>BODY三部分，下面是基本结构:标题部分正文部分2JHTML■概述2.1.3HTML标记1・HTML文档标记一、格式：＜HTML＞...＜/HTML＞标志文件开始和结尾的记。2・HTML文件头标记格式：〈HEAD〉…〈/HEAD＞用于包含文件的基本信息。2.HTML文件主体标记格式：〈BODY〉…〈/BODY〉文件主体标记。注意：〈HEAD〉与＜BODY＞为独立的两个部分，不能互相嵌套。2JHTIVIL概述2.1.

3、4常用HTML编辑工具使用记事本等编辑器在保存文档或者更改文件名吋，把文祚药护農右设另・htm或者・html即可，那么这个文件就是一个HTML文档。为了使设计网页更加的方便，很多公司设计了专用的网页编辑器，像Dreamweaver>FrontPage>CutePage>QuickSite等，是专门用来制作网页的，具有所见即所得的功能。2.2.1设置＜BODY＞的属性＜BODY＞属性概述：background属性bgcolor属性bgproperties属性link,vlink,alink属性Leftmargin,

4、topmargin属性Margingwidth,marginheight属性2.2.2段落格式化1.标题标记格式：

...

...

...

...

...

5、3.注释标记格式：＜!--注释内容--＞注释标记。2.2.3建立列表在网页中经常使用的列表分为：有序列表和无序列表。由带有序号标志（如数字、字母等）的表项组成有序列表。否则就为无序列表。1.有序列表格式：<0Ltype=〃符号类型〃〉・・・〈/LI>...•••功能：建立有序列表。2・无序列表格式：......•••功能：建立

6、无序列表。2.自定义列表格式：

...

...

...

...

7、字符加下划线...给字符上加删除线给字符加粗vB>.・.v/B>将字符设置成斜体...标记使得其中的文字产生闪烁的效果vBLINK>・・・v/BLINK>2.3加入多媒ft：与超级链接2.3.1加入图像、视频、动画格式：...功能：在网页中加入图像、视频、动画等。1.插入图像图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。src=URL通过URL给出图像来源的位置，不可缺省width=size设置图像宽度height=size设置图像高度alt

8、=txt设置在图像未载入前图片位置显示的文字border=size设置图像边框，缺省为02.3加入多媒体与超级链接功能标记属性align=alignstylehspace=size设置对齐方式。取值为:top,middle,bottom,aleft,right设置图片左右边沿空白2.3加入多媒体与超级链接2・插入视频使用〈IMG＞插入视频或动画时，含有的属性如下表:标记属