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

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

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

3、1HTML概述2.1.4常用HTML编辑工具使用记事本等编辑器在保存文档或者更改文件名时，把文件的扩展名设为.htm或者.html即可，那么这个文件就是一个HTML文档。为了使设计网页更加的方便，很多公司设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。2.2HTML文本设计2.2.1设置的属性属性概述：background属性（设置网页的背景图片）bgcolor属性（设

4、置网页的背景颜色）bgproperties属性（设置背景是否随滚动条滚动）link属性（设置尚未被访问过的超文本链接的颜色）vlink属性（设置已被访问过的超文本链接的颜色）alink属性（设置超文本链接在被单击瞬间的颜色）Leftmargin，topmargin属性（设置网页左和上边的空白）Margingwidth，marginheight属性（设置网页空白的宽度和高度）2.2HTML文本设计2.2.2段落格式化1.标题标记格式：

…

…

…

5、置各种大小不同标题的标记。（例2-2）2．段落标记格式：

…

…

6、立列表在网页中经常使用的列表分为：有序列表和无序列表。由带有序号标志（如数字、字母等）的表项组成有序列表。否则就为无序列表。1.有序列表格式：………功能：建立有序列表。2.2HTML文本设计2.无序列表格式：………功能：建立无序列表。2.2HTML文本设计3.自

7、定义列表格式：

…

…

…

…

…

8、8）2.2HTML文本设计2．其他标记（例2-9,例2-9[1],例2-9[2]）其他标记格式功能…给字符加下划线…给字符上加删除线…给字符加粗…将字符设置成斜体…标记使得其中的文字产生闪烁的效果2.3加入多媒体与超级链接2.3.1加入图像、视频、动画格式：…功能：在网页中加入图像、视频、动画等。1．插入图像图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。