第二章制作简单的网页分析.pptVIP

网页设计与制作——制作简单的网页 主讲人：宋 耕 课题：使用HTML制作简单的网页。 目的：通过课程的学习，我们将学习HTML中的结构标记和格式标记，了解HTML文件的基本结构，掌握各种标记的使用方法，并使用HTML制作完成一个简单的网页。 制作简单网页 使用结构标记和格式标记 使用图像标记、设定热点及名称 超链接标记 表格标记布局网页 1、使用结构标记和格式标记 HTML是编写网页的基本核心语言。它通过标记将网页元素组织在一起，标记是一对包含的字符，大部分是成对出现。 HTML编写的文件称为HTML文档，HTML文档扩展名是.html或.htm。 1、使用结构标记和格式标记 html head title第一个网页/title /head body 我创建的第一个网页 /body /html 1、使用结构标记和格式标记 html…/html表明是一个HMTL文件，指明了文件的开始位置和结束位置。 head…/head网页头部标记。头部中最常用的的是title标记，其代表浏览器上窗口标题栏的信息。 body…/body标记之间的内容是在浏览器窗口中显示的内容。 1、使用结构标记和格式标记 body标记常用的属性 Bgcolor=“颜色”：设置页面背景色。 Background=“图像文件的名字及路径“：设置背景图像文件。 Text=”颜色“：设置页面文字默认颜色。 色彩表示格式”#RRGGBB“ 1、使用结构标记和格式标记 h#…/h##取值1-6，1号字体最大，6号字体最小 作用：设置文档的各级标题 常用属性：align，用于定义标题的对齐方式。 取值为left左对齐，right右对齐，center居中，默认为左对齐。 1、使用结构标记和格式标记 分段与换行标记 段落标记：p/p使段落标记的内容另起一段 常用属性：align，取值同h#/h# 换行标记：br/使标记后面的文字内容换行显示。 类似于回车标记。 1、使用结构标记和格式标记 文本对齐标记 center…/center 作用：使标记间的内容以居中方式显示 类似于align=“center”的效果 1、使用结构标记和格式标记 水平线标记 hr作用：在文档中插入水平线 常用属性：align，跟前面类似，水平线的对齐方式 Color，水平线的颜色；noshade，定义水平线无阴影 Size，定义水平线的宽度；width，定义水平线的长度。 * *