第2章 HTML和JavaScript简介.pdf

第 2 章 HTML 与 JavaScript 简介 本章教学内容  HTML 简介  常用的 HTML 标签  HTML 和 ASP.NET 的关系  JavaScript 简介  使用 JavaScript 校验数据 2.1 HTML 简介 HTML （Hyper Text Markup Language ，超文本标记语言）是一种描述性语言, 由文本和标记（Tag ） 组合而成。HTML 文件的后缀名是.htm 或者.html。 【例2-1 】第一个HTML 文件 HTML HEAD TITLE 网页设计/TITLE /HEAD BODY 我的第一个 HTML 网页 /BODY /HTML 该文件在浏览器显示为如图 2-1 所示： 图2-1 17 2.1.1 HTML 基本语法 HTML 文档中的标签采用一对尖括号括起来。标签HTML表示 HTML 文档的开始。/HTML 与 HTML配对，表示文档结束 。一般，/X表示与X配对的结束标签。 HEAD /HEAD 标示出文档头部信息的位置，规定必须位于HTML与/HTML 的内层， 并且在文档中位于其它标签前面。 TITLE /TITLE 标示一个标题，该标题一般在浏览器的窗口标题行显示。TITLE标签的 范围必须在HEAD标示的头部的内层。 BODY /BODY 标示的范围内是网页显示的主体部分。HTML 中的标记大部分只能插入 到 BODY 的范围之内。 HTML 中可以用 !--注释内容 -- 插入注释。 HTML 一般不区分大小写，如HTML 、html都是可以用的。 有些 HTML 标签，没有与之配对的结束标签。如br 、hr等。 说明：在 XML 中不允许任何标签没有结束标签，因此 HTML 不是严格符合 XML 的。XML 专门定义一种“空标记”，例如将br写为br/ ，就符合XML 的规则了。 HTML 中的“ ”、“ ”和另外几个字符在HTML 中有特殊作用，因此当网页内容中含有这些字 符时，要采用“字符实体”表示法，常用的字符实体见表格 2-1 。 表 2-1 HTML 中常用的字符实体 字符 对应的字符实体 lt; gt: amp; “ quot; 空格 nbsp; 2.1.2 文字、段落与样式 标题 hn ，其中n 为从 1 到 6 的整数。不同的n 对应字号大小不同，1 号最大，6 号最小。 hr 可在 HTML 文档中插入一条水平线。 【例2-2 】使用标题和水平分割线 HTML HEAD TITLE水平分割线/TITLE /HEAD 18 BODY h2第三章 HTML 与页面设计/h2 hr !--这是一条水平分割线 -- h33.1 HTML 简介/h3 h33.2 HTML 网页的基本元素/h3 /BODY /HTML 在浏览器中显示的效果如图 2-2 所示： 图2-2 br 作用相当于插入一个回