1、第3章 超文本标记语言HTML 本节重点： HTML文档结构 常用的标签 本节难点： 表单设计 课外学时：6学时,超文本标记语言HTMLHTML不是编程语言，而是一种简单、通用的描述性的标记语言，可以用它制作包容图像、文字、声音等精彩内容的网页。 在HTML文档中，字符和数据的语法结构是通过标签来表示的，即HTML定义了一组用于描述页面结构和风格的标签。用HTML描述的Web页面称为HTML文档。HTML文档中包含两种信息： l 页面本身的文本 l 表示页面元素、结构、格式、超连接的HTML标签 标签是用一对中间包含若干字符表示，通常成对出现，前一个是起始标签，后一个是结束标签。编辑环境：任何
2、文本编辑器运行环境：任何浏览器，如IE,3.1 HTML文档结构基本HTML页面以标签开始，以结束，在它们之间，就是HEAD和BODY。HEAD部分用标签界定，用于定义网页的头。一般包含网页标题，文档属性参数等不在页面上显示的网页元素。用和标签定义网页的标题。 BODY部分是网页的主体，内容均会反映在页面上，用.标签来界定，其内容的定义和组织是通过各类标签。在此标签中写网页的标题 在此标签中写网页的内容,例1： 一个简单的网页。一个例子嗨！大家好！用浏览器打开它，会显示如下图所示的页面。,3.2 HTML标签,HTML的文档内容是由标签组成的集合。标签必须成对出现，常规的表现式为： 标签 属性
3、=取值内容 /标签 HTML文档可以说是各种标签的嵌套，嵌套不能交叉。3.2.1 HTML常用标签 文本类标签 段落标签：P段落/P与对齐属性ALING。 字体标签：FONT文本/FONT与字体属性FACE，字号属性SIZE，颜色属性COLOR。 标题标签：H1标题1/H1，H2标题2/H2 ，H7标题7/H7与对齐属性ALING。 预格式文本标签：PRE文本/PRE 突出文本标签：B、I、STRIKE、EM等。 其它标签：换行标签 BR备注标签 ！-备注-水平线标签 HR与Width,size,Align属性空格标签 插入特殊字符 &#数字 HTML文本格式示例1 HTML文本格式
4、示例2,列表和表格标签 列表标签：有序列表项1 项2无序列表项1 项2 定义列表术语定义 HTML列表示例 表格标签： 表标题标签CAPTION/CAPTION行标签TR/TR单元格标签TD/TD 表格属性：边框属性 border数字背景图属性 background图形文件名背景色属性 bgcolorRGB表对齐属性 align，表宽属性width，表高属性height表格属性都可以用于行标签、单元格标签的属性HTML表格示例1 HTML表格示例2,多媒体类标签嵌入图片标签与属性连接的图片文件属性 SRC=“图形文件”说明的文字属性 ALT=“图形的代替文本”图片是否带边框属性 BORDER数
5、字图片与文本的环绕方式属性 ALIGNleft（right）图片的宽高属性 WIDTH，HEIGHT 嵌入声音、视频标签与属性连接的声音文件属性 SCR=“声音文件” 或 “视频文件”自动播放属性 AUTOSTART=TRUE/FALSE循环播放属性 LOOP= TRUE隐藏声音控制面板属性 HIDDEN多媒体类标签示例,超连接标签网页之间的超连接热字标签A热字/A属性：HREF=“文件名.Html”（超连接到另一页）HREF=“文件名.Html#锚名”（超连接到另一页的指定位置，在 另一页中A NAME=锚名）属性：TARGET=新窗口名（在新窗口显示另一页）网页内的超连接（锚的使用）链源
6、热字/A链宿 热字/A超连接标签,框架标签框架设计设计水平框架加入属性 设计垂直框架加入属性 框架应用将网页加入框架中框架标签示例,3.3动态网页制作,表单信息,浏览器,服务器,HTML动态网页设计是借助于浏览器端的表单和服务器端的（Servlet、JSP等）程序完成的。,服务器返回信息,程 序,表单 表单标签与属性表单标签FORM /FORM 表单标签属性： 指定表单信息以POST/GET方式向服务器发送 METHOD=POST/GET 指定服务器上表单信息的处理程序 ACTION=“/path/程序” 指定表单信息的正确格式 ENCTYPE=“TEXT/PLAIN”,表单元素标签与属性表单元素标签INPUT TYPE= NAME= VALUE= 属性元素类型 TYPE 的取值 文本框 TYPE=TEXT 复选框 TYPE=CHECKBOX 单选纽 TYPE=RADIO 提交按纽 TYPE=SUBMIT 复位按纽 TYPE=RESET 口令框 TYPE=PASSWORD 元素名 NAME字符串 元素值 VALUE= 数值/字符串表单示例,
