43HTML网页制作.ppt

4.2 HTML标记 学习目标学习目标l认识网页HTML标记语言l掌握运用HTML标记编写网页的方法HTML HTML语言，超文本标记语言。它不是编程语言，是Web技术中最微不足道，但又是Web最必不可少的基石。l 新建记事本文件 HTML与JavaScript一样一般可以采用两种方式进行编写 一种是使用现成的可视化工具软件，如Frontpage、Dreamweaver等工具。 会自动加入其他代码与许多复杂的信息，也不便于修改。 另一种就是使用纯文本编辑器，如Windows中自带的记事本。 这种方法简单易行，自由方便，可以添加注释，还可以使脚 本具有很好的可读性。 使用记事本创建网页的基本步骤是： 一、新建记事本文件 二、保存时修改其后缀名为.htmll HTML网页基本结构与标注 HTML是一种标记语言，不是编程语言。基本结构是：头部元素、元素属性及内容主体元素、元素属性及内容 HTML总是以一对开始和结束。 标题元素 设置某一行的字体大小 Font元素 设置文档的字体 font元素的常用属性是size、color 分行元素、表格元素等 网页内容Html标签、属性名与值对大小写不敏感l 插入文字与图片Htnl语言提供了一系列作为标题文字的标签对：字体形式显示的标签对：、 有三个属性：face(字体)、 Size(大小)、 Color(颜色)例标签用来处理图象的显示。还有以下几个属性：alt属性： 鼠标移动到图象上显示的提示文本align属性: 图象与周围文本的对齐方式，属性值可以是： top、bottom、left、rightborder属性: 图象的边框宽度，属性值是0的整数width属性: 图象的宽度height属性: 图象的高度例l表格及属性设置标签创建一个表格，具有以下属性：bgcolor属性： 表格的背景色 属性值为RGB值border属性 : 表格边框的宽度 属性值是0的整数cellspacing属性: 单元格之间的间隔大小cellpadding属性: 单元格边框与内容之间的间隔大小width属性: 表格的高度height属性: 表格的高度 属性值可以是百分比 例 标签创建表格的行与列。两对标签联合使用，属性相类似。colspan属性： 设置一个单元格跨占的列数 默认属性值为1rowspan属性 : 设置一个单元格跨占的行数 默认属性值为1l 表单表单的基本结构主要为： action和method说明应该如何将来自表单的输入数据传递给要处理的数据程序，最常见的属性值就是get post （分别代表了两种网络传递数据的方法）。 Action则指定负责处理表单数据的程序（程序的URL）例l 其他l 链接标签l 标签要结合 标签对使用 第一部分 跳转到第一部分l 换行标签 没有结束标签l 水平线标签 没有结束标签