HTML编程技术.pptVIP

内容提要 本章首先介绍HTML的发展历史 然后介绍HTML的基本框架 详细介绍了HTML的各种常用标记：文字标记、图片标记、超级链接标记，等等 介绍CSS的基本使用方法，如何让CSS与HTML协同工作 HTML概述 Hyper Text Markup Language超文本标记语言，是一种描述文档结构的标注语言，它使用约定的标记对WWW上的各种信息进行标注。“.html”或者“.htm”作为后缀。 HTML对文件显示的具体格式进行了详细的规定和描述，采用标准的７位ASCII码文件形式，通过一系列格式化方法表示各种超链接（hyperlink）和信息。 当用户浏览WWW上的信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。 HTML的优点是跨平台性。 HTML网页基本结构 HTML文件是标准的ASCII文件，像是加入了许多被称为链接签（tag）的特殊字符串的普通文本文件。 从结构上，HTML文件由元素（element）组成。 组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式 绝大多数元素是“容器”， 即它有起始标记和结尾标记。（start tag、end tag），中间部分是元素体。 每一个元素都有名称和许多可选择的属性，元素的名称和属性都在起始链接签内标明。 HEAD头元素 HTML的常用标记 HTML的常用标记有一些共同特点：都放在BODY标记里面。 常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等 注意： （1）HTML文件不区分大小写； （2）HTML文件可以在资源管理器中双击执行 文本标记 段落标记 p?…/p　 P 表示标记段落。段落前后都会有一空行。段落中文字会根据浏览器的宽度自动调整换行。 P必需，/P可省。 P标记常带参数align，用于控制对齐方式。可取left，center，right。不带参数则左对齐。 标题标记 hn…/hn? H1…/H1到H6…/H6标题元素有6种，用于表示文章中的各种题目。 字体大小H1到H6顺序减小。 字体/字型标记 图片标记 超级链接 列表 1.基本表格 TABLE是表格的基本标记。 TR代表表格的行，TD代表表格的列。 BORDER属性，指定围绕表格的外边框的宽度（只能用像素）。当表格用来使版面显得整齐，也就是用来“定位”，那么一定将边框设为0。 表格的灵活应用 Cellpadding和Cellspacing属性 Cellpading：单元格的边距，指的是字与单元格边框的距离。 Cellspacing：单元格间距，指的是单元格之间的距离。 案例2-1：表格的样式 表单 表单的功能是收集用户信息实现系统与用户交互。 比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程如下： 当单击表单中的提交按钮时，表单中的信息就会上传到服务器中， 然后由服务器端的应用程序（例如CGI，ASP，PHP，JSP等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 表单头及其属性 表单中常用控件 在常用的表单制作过程中，经常遇到的是按钮制作、输入元素的制作等。 常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框，等等。 HTML中的INPUT标记 INPUT TYPE=“…” VALUE =“…”NAME=”…” TYPE属性：说明信息输入的类型。例如是文本框、单选按钮或多选按钮。它的取值如下： – TYPE = “TEXT” 表示单行文本框 – TYPE = “PASSWORD” 表示密码输入框 – TYPE = “RADIO” 表示单选按钮 – TYPE = “CHECKBOX” 表示多选按钮 – TYPE = “SUBMIT” 表示提交按钮 – TYPE = “RESET” 表示重置按钮 VALUE属性：表示按钮上的标题或者文本框的内容 NAME属性：表示表单提交时作为输入信息的命名（相当于变量名） 单选框和多选框 单选框和多选框按照name分组，同组必须同样的名字 CHECKED”属性：表示默认选中 多行文本、下拉列表和按钮 多行文本或者成为文本域TEXTAREA， 如TEXTAREA ROWS=8 COLS=30/TEXTAREABR 下拉列表SELECT SELECT... OPTION选项一 。。。 /SELECT SIZE属性：控制在浏览器窗口中这个菜单选项的显示条数。 MULTIPLE属性：允许读者一次可选多个选项 常见按扭，是“提交”按钮submit和“重置”按钮reset 提交的含义：鼠标单击后，用户输入的信息便提交给一个驻留在Web服务器上的程序，即acti