超文本语言HTML.
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
l l 页面本身的文本 表示页面元素、结构、格式、超连接的HTML标签
标签是用一对< >中间包含若干字符表示，通常成对出现，前一个是 起始标签，后一个是结束标签。 编辑环境：任何文本编辑器 运行环境：任何浏览器，如IE
3.1
HTML文档结构
基本HTML页面以<HTML>标签开始，以</HTML>结束，在它们之间，就是 HEAD和BODY。 HEAD部分用<HEAD>..........</HEAD>标签界定，用于定义网页的头。一般包含 网页标题，文档属性参数等不在页面上显示的网页元素。用<title>和</title>标签定 义网页的标题。 BODY部分是网页的主体，内容均会反映在页面上，用<BODY>.............</BODY> 标签来界定，其内容的定义和组织是通过各类标签。 <HTML> <HEAD> <TITLE> 在此标签中写网页的标题 </TITLE> </HEAD> <BODY> 在此标签中写网页的内容 </BODY> </HTML>
HTML表格示例2
l 多媒体类标签
嵌入图片标签<IMG>与属性 连接的图片文件属性 SRC=“图形文件” 说明的文字属性 ALT=“图形的代替文本” 图片是否带边框属性 BORDER＝数字 图片与文本的环绕方式属性 ALIGN＝left（right） 图片的宽高属性 WIDTH，HEIGHT 嵌入声音、视频标签<EMBED>与属性 连接的声音文件属性 SCR=“声音文件” 或 “视频文件” 自动播放属性 AUTOSTART=TRUE/FALSE 循环播放属性 LOOP= TRUE 隐藏声音控制面板属性 HIDDEN 多媒体类标签示例
例1： 一个简单的网页。
<HTML> <HEAD> <TITLE> 一个例子</TITLE> </HEAD> <BODY> <P align=center> 嗨！大家好！</P> </BODY> </HTML> 用浏览器打开它，会显示如下图所示的页面。
3.2 HTML标签
HTML的文档内容是由标签组成的集合。标签必须成对出现，常规的 表现式为： 〈标签 属性=取值〉内容 〈/标签〉 HTML文档可以说是各种标签的嵌套，嵌套不能交叉。
第3章 超文本标记语言HTML
本节重点： HTML文档结构 常用的标签 本节难点： 表单设计 课外学时：6学时
超文本标记语言HTML
HTML不是编程语言，而是一种简单、通用的描述性的标记语言 ，可以用它制作包容图像、文字、声音等精彩内容的网页。
在HTML文档中，字符和数据的语法结构是通过标签来表示的，即 HTML定义了一组用于描述页面结构和风格的标签。用HTML描述的 Web页面称为HTML文档。HTML文档中包含两种信息：
超连接标签
l 框架标签 <FRAMESET> <FRAME> … <FRAME> </FRAMESET>
框架设计 设计水平框架 加入属性 <FRAMESET ROWS=“40% ,*” > 设计垂直框架 加入属性 <FRAMESET COLS=“20%,40% ,*” >
框架应用将网页加入框架中 <FRAME NAME=“框架名” SRC=“文件名.HTML>
l 列表和表格标签
列表标签： 有序列表<OL><LI>项1 ><LI>项2…</OL> 无序列表<UL><LI>项1 ><LI>项2 …</UL> 定义列表<DL><DT>术语<DD>定义…</UL> HTML列表示例
表格标签：<TABLE> </TABLE> 表标题标签〈CAPTION〉〈/CAPTION〉 行标签〈TR〉〈/TR〉 单元格标签〈TD〉〈/TD〉 表格属性： 边框属性 border＝数字 背景图属性 background＝图形文件名 背景色属性 bgcolor＝＃RGB 表对齐属性 align，表宽属性width，表高属性height 表格属性都可以用于行标签、单元格标签的属性 HTML表格示例1
框架标签示例
3.3动态网页制作
HTML动态网页设计是借助于浏览器端的表单和服务器端的（Servlet、JSP 等）程序完成的。
浏览器 表单信息
服务器返回信息
服务器
程 序
表单 表单标签与属性 表单标签
〈FORM〉 〈/FORM〉
表单标签属性：
指定表单信息以POST/GET方式向服务器发送 METHOD=POST/GET 指定服务器上表单信息的处理程序 ACTION=“/path/程序” 指定表单信息的正确格式 ENCTYPE=“TEXT/PLAIN”
l 超连接标签
网页之间的超连接热字标签〈A〉热字〈/A〉 属性：HREF=“文件名.Html”（超连接到另一页） HREF=“文件名.Html#锚名” （超连接到另一页的指定位置，在 另一页中〈A NAME=锚名〉） 属性：TARGET=新窗口名（在新窗口显示另gt; 热字〈/A〉 链宿 <A NAME =“锚名”> 热字〈/A〉
3.2.1 HTML常用标签 l文本类标签
段落标签：〈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文本格式示例2
表单元素标签与属性 表单元素标签〈INPUT TYPE= 属性 元素类型 TYPE 的取值 – 文本框 TYPE=TEXT – 复选框 TYPE=CHECKBOX – 单选纽 TYPE=RADIO – 提交按纽 TYPE=SUBMIT – 复位按纽 TYPE=RESET – 口令框 TYPE=PASSWORD 元素名 NAME＝字符串 元素值 VALUE= 数值/字符串
标签是用一对< >中间包含若干字符表示，通常成对出现，前一个是 起始标签，后一个是结束标签。 编辑环境：任何文本编辑器 运行环境：任何浏览器，如IE
3.1
HTML文档结构
基本HTML页面以<HTML>标签开始，以</HTML>结束，在它们之间，就是 HEAD和BODY。 HEAD部分用<HEAD>..........</HEAD>标签界定，用于定义网页的头。一般包含 网页标题，文档属性参数等不在页面上显示的网页元素。用<title>和</title>标签定 义网页的标题。 BODY部分是网页的主体，内容均会反映在页面上，用<BODY>.............</BODY> 标签来界定，其内容的定义和组织是通过各类标签。 <HTML> <HEAD> <TITLE> 在此标签中写网页的标题 </TITLE> </HEAD> <BODY> 在此标签中写网页的内容 </BODY> </HTML>
HTML表格示例2
l 多媒体类标签
嵌入图片标签<IMG>与属性 连接的图片文件属性 SRC=“图形文件” 说明的文字属性 ALT=“图形的代替文本” 图片是否带边框属性 BORDER＝数字 图片与文本的环绕方式属性 ALIGN＝left（right） 图片的宽高属性 WIDTH，HEIGHT 嵌入声音、视频标签<EMBED>与属性 连接的声音文件属性 SCR=“声音文件” 或 “视频文件” 自动播放属性 AUTOSTART=TRUE/FALSE 循环播放属性 LOOP= TRUE 隐藏声音控制面板属性 HIDDEN 多媒体类标签示例
例1： 一个简单的网页。
<HTML> <HEAD> <TITLE> 一个例子</TITLE> </HEAD> <BODY> <P align=center> 嗨！大家好！</P> </BODY> </HTML> 用浏览器打开它，会显示如下图所示的页面。
3.2 HTML标签
HTML的文档内容是由标签组成的集合。标签必须成对出现，常规的 表现式为： 〈标签 属性=取值〉内容 〈/标签〉 HTML文档可以说是各种标签的嵌套，嵌套不能交叉。
第3章 超文本标记语言HTML
本节重点： HTML文档结构 常用的标签 本节难点： 表单设计 课外学时：6学时
超文本标记语言HTML
HTML不是编程语言，而是一种简单、通用的描述性的标记语言 ，可以用它制作包容图像、文字、声音等精彩内容的网页。
在HTML文档中，字符和数据的语法结构是通过标签来表示的，即 HTML定义了一组用于描述页面结构和风格的标签。用HTML描述的 Web页面称为HTML文档。HTML文档中包含两种信息：
超连接标签
l 框架标签 <FRAMESET> <FRAME> … <FRAME> </FRAMESET>
框架设计 设计水平框架 加入属性 <FRAMESET ROWS=“40% ,*” > 设计垂直框架 加入属性 <FRAMESET COLS=“20%,40% ,*” >
框架应用将网页加入框架中 <FRAME NAME=“框架名” SRC=“文件名.HTML>
l 列表和表格标签
列表标签： 有序列表<OL><LI>项1 ><LI>项2…</OL> 无序列表<UL><LI>项1 ><LI>项2 …</UL> 定义列表<DL><DT>术语<DD>定义…</UL> HTML列表示例
表格标签：<TABLE> </TABLE> 表标题标签〈CAPTION〉〈/CAPTION〉 行标签〈TR〉〈/TR〉 单元格标签〈TD〉〈/TD〉 表格属性： 边框属性 border＝数字 背景图属性 background＝图形文件名 背景色属性 bgcolor＝＃RGB 表对齐属性 align，表宽属性width，表高属性height 表格属性都可以用于行标签、单元格标签的属性 HTML表格示例1
框架标签示例
3.3动态网页制作
HTML动态网页设计是借助于浏览器端的表单和服务器端的（Servlet、JSP 等）程序完成的。
浏览器 表单信息
服务器返回信息
服务器
程 序
表单 表单标签与属性 表单标签
〈FORM〉 〈/FORM〉
表单标签属性：
指定表单信息以POST/GET方式向服务器发送 METHOD=POST/GET 指定服务器上表单信息的处理程序 ACTION=“/path/程序” 指定表单信息的正确格式 ENCTYPE=“TEXT/PLAIN”
l 超连接标签
网页之间的超连接热字标签〈A〉热字〈/A〉 属性：HREF=“文件名.Html”（超连接到另一页） HREF=“文件名.Html#锚名” （超连接到另一页的指定位置，在 另一页中〈A NAME=锚名〉） 属性：TARGET=新窗口名（在新窗口显示另gt; 热字〈/A〉 链宿 <A NAME =“锚名”> 热字〈/A〉
3.2.1 HTML常用标签 l文本类标签
段落标签：〈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文本格式示例2
表单元素标签与属性 表单元素标签〈INPUT TYPE= 属性 元素类型 TYPE 的取值 – 文本框 TYPE=TEXT – 复选框 TYPE=CHECKBOX – 单选纽 TYPE=RADIO – 提交按纽 TYPE=SUBMIT – 复位按纽 TYPE=RESET – 口令框 TYPE=PASSWORD 元素名 NAME＝字符串 元素值 VALUE= 数值/字符串