超文本语言HTML.pptVIP

第3章 超文本标记语言HTML本节重点：HTML文档结构常用的标签本节难点：表单设计课外学时：6学时 列表和表格标签 列表标签： 有序列表OLLI项1 LI项2…/OL 无序列表ULLI项1 LI项2 …/UL 定义列表DLDT术语DD定义…/UL HTML列表示例 表格标签：TABLE /TABLE 表标题标签〈CAPTION〉〈/CAPTION〉 行标签〈TR〉〈/TR〉 单元格标签〈TD〉〈/TD〉 表格属性： 边框属性 border＝数字 背景图属性 background＝图形文件名 背景色属性 bgcolor＝＃RGB 表对齐属性 align，表宽属性width，表高属性height 表格属性都可以用于行标签、单元格标签的属性 HTML表格示例1 HTML表格示例2 多媒体类标签 嵌入图片标签IMG与属性 连接的图片文件属性 SRC=“图形文件” 说明的文字属性 ALT=“图形的代替文本” 图片是否带边框属性 BORDER＝数字 图片与文本的环绕方式属性 ALIGN＝left（right） 图片的宽高属性 WIDTH，HEIGHT 嵌入声音、视频标签EMBED与属性 连接的声音文件属性 SCR=“声音文件” 或 “视频文件” 自动播放属性 AUTOSTART=TRUE/FALSE 循环播放属性 LOOP= TRUE 隐藏声音控制面板属性 HIDDEN 多媒体类标签示例 超连接标签 网页之间的超连接热字标签〈A〉热字〈/A〉 属性：HREF=“文件名.Html”（超连接到另一页） HREF=“文件名.Html#锚名” （超连接到另一页的指定位置，在 另一页中〈A NAME=锚名〉） 属性：TARGET=新窗口名（在新窗口显示另一页） 网页内的超连接（锚的使用） 链源 A HREF =“#锚名” 热字〈/A〉 链宿 A NAME =“锚名” 热字〈/A〉 超连接标签 框架标签 FRAMESET FRAME … FRAME /FRAMESET 框架设计 设计水平框架 加入属性 FRAMESET ROWS=“40% ,*” 设计垂直框架 加入属性 FRAMESET COLS=“20%,40% ,*” 框架应用将网页加入框架中 FRAME NAME=“框架名” SRC=“文件名.HTML 框架标签示例 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= 数值/字符串 表单示例 * * 超文本标记语言HTML ? HTML不是编程语言，而是一种简单、通用的描述性的标记语言，可以用它制作包容图像、文字、声音等精彩内容的网页。 在HTML文档中，字符和数据的语法结构是通过标签来表示的，即HTML定义了一组用于描述页面结构和风格的标签。用HTML描述的Web页面称为HTML文档。HTML文档中包含两种信息： l???????? 页面本身的文本 l???????? 表示页面元素、结构、格式、