HTML2.0
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML框架标记 HTML框架标记
FRAMESET
框架元素用来将整个浏览器窗口划分为多个不同的矩形区域，在 框架定义格式 一个区域内可以独立显示与区域之外不同的HTML文档内容。框架 元 素 的 定 义 需<FRAMESET 架 集 标 记 和 框 架 标 记 ， 框 架 集 标= 要 用 到 框 cols = 框架列数及各列宽度 rows 记 <FRAMESET>用来定义一个窗口内的框架数、各框架的尺寸等，框 框架行数及各行高度 bordercolor = 边框颜色 架标记<FRAME>则用来具体定义某个框架的名称、在该框架中显示 frameborder = 框架边框 framespacing = 框架间 的HTML文档等。 距> <FRAME name = 框架名称 target = 目标框架 scr = URL border = 边框宽度 bordercolor = 边框颜色> <FRAME ……> …… </FRAMESET>
HTML常用标记 HTML常用标记
特殊字符标记
字符 < > & " · § © ® 对应字符标记 < > & " · § © ® 对应十进制编码标记 < > & "   · § © ® 说明 小于符号 大于符号 AND符号 双引号 空格 中点 分节符号 版权符号 注册符号
<BODY>标记的属性及其说明
属性 TEXT BGCOLOR BACKGROUND BGPROPERTIES LINK ALINK VLINK TOPMARGIN LEFTMARGIN 描述 设定页面文字的颜色 设定页面背景的颜色 设定页面背景的图像 设定页面背景图像是否随页面的滚动而动 设定默认的链接颜色 设定鼠标靠近时的链接颜色 设定已访问过的链接颜色 设定页面上边与浏览器窗口顶端的距离 设定页面左边与浏览器窗口左端的距离
HTML常用标记 HTML常用标记
头部标记 <HEAD>和</HEAD>是HTML的头部标记，其中主要包 和 的头部标记， 是 的头部标记 括对当前网页的一些基本描述信息，例如网页标题、 括对当前网页的一些基本描述信息，例如网页标题、一 些说明信息和搜索关键字等。 些说明信息和搜索关键字等。
网页标题标记
Keywords(关键字) Keywords(关键字) 关键字
＜meta name ="keywords" content=“.net,c#,"＞
content-Type(显示字符集的设定) content-Type(显示字符集的设定) 显示字符集的设定
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
HTML表单标记 HTML表单标记
FORM
get、post
表单的英文名称为form ，用于在网页中为浏览者提供一个输入各 表单定义格式 种信息的界面，以便Web应用程序和Web数据库获取这些信息。大 多数网站的网页设计都需要使用表单元素，例如通过表单来完成 <FORM name = 表单名 action = 被激活程序 用户注册信息的输入或者商品订购信息的输入等. method = 信息传送方式> …… <INPUT type = 表单域类型 name = 表单域名 称 ……> …… </FORM>
HTML常用标记 常用标记
段落标记Байду номын сангаас
1-6
1.标题文字标记: 1.标题文字标记:<Hn align = 对齐方式> 标题文字 </Hn> 标题文字标记 2.分段标记: 2.分段标记:<P align = 对齐方式> 文字 </P> 分段标记 说明：分段标记不仅使得后面的文字换行输出，还将在两个段落 之间产生一个空行。分段结束标志 </P> 可以省略。 3.换行标记: 3.换行标记:文字 <BR> 换行标记 说明：可以连续使用多个<BR> 标记来产生多个空行 4.横线标记 4.横线标记:<HR size = 粗细 align = 对齐方式 width = 宽度 横线标记 color = 颜色> 说明：可以连续使用多个<BR> 标记来产生多个空行
Softeem Consultancy Service
HTML 概述
Browser/Server
请求
Browser
HTML文档 文档
Server
3
HTML概述
WEB criterion(WEB标准):结构、表现、行为三个部分.
结构(Structure) 结构 表现(Presentation) 表现 行为(Behavior) 行为
<HEAD><TITLE> 标题文字 </TITLE></HEAD>
HTML常用标记 HTML常用标记
元信息标记 <META>标记是HTML头部标记中常见的元信息标记，可重复出现在
头部标记中，用来指明本网页的作者、网页制作工具、所包含的 的关键字，以及其他一些描述网页信息。<META>标记的另一个作 用是创建HTTP响应头，以便让浏览器知道如何去处理这个网页。
HTML常用标记 HTML常用标记
链接到同一个页面不同位置 <a href="#C3">查看 Chapter 3</a> <h2>Chapter 1</h2><p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2><p>This chapter explains ba bla bla</p> <h2><a name="C3">Chapter 3</a></h2> <p>This chapter explains ba bla bla</p> 发送邮件<a 发送邮件 href = mailto:e-mail> 发送邮件</a>
1. 2. 3.
Criterion
HTML,XHTML 和XML DIV + CSS DOM ECMAScript
HTML 概述
HTML 定义 HTML（HyperTextMarkupLanguage）即超文本标记 HTML（HyperTextMarkupLanguage） 语言，它是一种用于编写超文本文档的标记语言。 语言，它是一种用于编写超文本文档的标记语言。 自从1990年首次应用于网页编辑后，HTML迅速崛起 1990年首次应用于网页编辑后 自从1990年首次应用于网页编辑后，HTML迅速崛起 成为网页编辑的主流语言。 成为网页编辑的主流语言。几乎所有的网页都是由 HTML或以其他程序语言嵌套在HTML中编写的 或以其他程序语言嵌套在HTML中编写的。 HTML或以其他程序语言嵌套在HTML中编写的。HTML 并不是一种程序语言而是一种结构语言 结构语言， 并不是一种程序语言而是一种结构语言，它具有平 台无关性。无论用户使用何种操作系统（Windows、 台无关性。无论用户使用何种操作系统（Windows、 Dos、Unix等等），只要有相应的浏览器程序 等等），只要有相应的浏览器程序， Dos、Unix等等），只要有相应的浏览器程序，就可 以运行HTML文档。 HTML文档 以运行HTML文档。
HTML常用标记 HTML常用标记
主体标记
<BODY>和</BODY>标记是 和 标记是HTML文档的主体标记， 文档的主体标记， 标记是 文档的主体标记 其内包括了将在网页中显示的文字、图片、表格、 其内包括了将在网页中显示的文字、图片、表格、链 表单等所有内容。 接、表单等所有内容。
HTML常用标记 HTML常用标记
HTML表格标记 HTML表格标记
TABLE
网页中经常需要使用各种表格元素，设计者不仅可以通过表格来 输出诸如“商品表”或“员工表”中的各行信息，更重要的是可 以利用表格来方便地控制网页中各种元素的布局，以便整齐地安 排网页中众多的文字和图片等。 表格定义格式: 表格定义格式
<TABLE align = 对齐方式 bgcolor = 表格背景颜色 background= 表 格背景图像 width = 表格宽度 height = 表格高度 border = 边框粗 细 bordercolor = 边框颜色 cellspacing = 单元格间距 cellpadding = 单元格边距> <TR><TD>…</TD><TD>…</TD>……</TR> …… </TABLE>
HTML常用标记 HTML常用标记
图像标记
<IMG scr = 图片文件的URL align = 对齐方式 border = 边框宽度 alt = 说明性替代文字 height = 图像高度 width = 图像宽度>
HTML常用标记 HTML常用标记
超链接标记 创建超链接 <A href = URL target = 规定在何处打开链接文档 >作用链接的 文字或图像</A> 值 _blank _self _parent _top _framename 描述 在新窗口中打开被链接文档 默认。 默认。在相同的框架中打开被链接文档 在父框架集中打开被链接文档 在整个窗口中打开被链接文档 在指定的框架中打开被链接文档
HTML常用标记 HTML常用标记
列表标记
1．有序列表标记
<OL type = 序号类型 start = 开始序号> <LI>列表项1</LI> …… <LI>列表项n</LI> </OL>
2．无序列表标记
<UL type = 项目符号类型> <LI>列表项1</LI> …… <LI>列表项n</LI> </UL>
HTML 概述
HTML basic frame(HTML基本架构):一个HTML元素的 说明： 说明： 形式可表示为:<标记名称 属性名称 = 值 ……> 内 <html> 元素是 元素是HTML文档的最高层元素， 文档的最高层元素， 文档的最高层元素 容 </标记名称> 原则上用它来指出HTML文档的开始与结 原则上用它来指出 文档的开始与结 束。 <html> <head> 元素用来标识网页的头部， 元素用来标识网页的头部， <head> <title> 标题 元素用来指定浏览器所要显示的标 标题</title> </head> <title> <body> 内容题文字。 </body> 题文字。 </html> <body> 元素用来标识 元素用来标识HTML文档的主体 文档的主体 部分。 部分。
HTML
1
本章目标
• • • • • • •
了解HTML概述 概述. 了解 概述 理解HTML的基本结构 的基本结构. 理解 的基本结构 熟悉HTML常用标记 常用标记. 熟悉 常用标记 熟悉HTML表格标记 表格标记. 熟悉 表格标记 熟悉HTML框架标记 框架标记. 熟悉 框架标记 熟悉HTML表单标记 表单标记. 熟悉 表单标记 熟悉HTML其他标记 熟悉 其他标记
HTML常用标记 常用标记
文字格式标记
1. <FONT size = 大小 face = 字体名称 color = 颜色>文字 </FONT>
HTML常用标记 HTML常用标记
文字修饰标记
标记 <B>…</B> <I>…</I> <U>…</U> <SUP>…</SUP> <SUB>…</SUB> <STRIKE>…</STRIKE> <ADDRESS>…</ADDRESS > <EM>…</EM> <STRONG>…<STRONG> 描述 将文字设置为粗体字 将文字设置为斜体字 设置为带有下划线的文字 设置为位于右上角的上标文字 设置为位于右下角的下标文字 设置为带有删除线的文字 标明其间的文字为地址内容 强调其间的文字（通常为斜体） 强调其间的文字（通常为黑体）
HTML框架标记 HTML框架标记
iframe标签:iframe 元素会创建包含另外一个文档的内联框
架(即行内框架) 即行内框架) <html> <head><title>IFRAME</title></head> <body> 欢迎来到XXX公司 <iframe src=内嵌的页面></iframe> </body> </html>