4.3HTML网页制作.pptVIP

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