Chs_02.01__HTML语言概要czx2.pptVIP

计算机系统 第 4 章 Web应用基础知识 之 HTML概要 4.1.1、HTML文档的基本结构 为什么要讲HTML 尽管ASP.NET 采用代码与页面分离技术，但其页面控件仍然是扩展的标记语言 HTML是任何基于Web开发的基础。 下面我们回顾一下HTML标记语言的结构及常用的HTML标记。 4.1.1、HTML文档的基本结构 HTML是超文本标记语言(Hyperlink Text Markup Language)的缩写。 超文本是相对于普通文本而言的，与普通文本按顺序定位不同，超文本最典型的特点就是文本中含有指向其它位置的超级链接，通过这些链接使文档构成了网状结构。 HTML的超链接功能使各个网页之间可以相互链接起来，网页与网页之间的链接就构成了网站，而网站与网站的链接就构成了绚丽多彩的WWW。 HTML是一种简单的、通用的标记语言。它允许建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的浏览器。 4.1.1、HTML文档的基本结构 HTML是表示网页的一种规范，它使用描述性的标记符(称为标签)来指明文档的不同内容。 在 HTML 文档中，通过使用标签，浏览器就知道该如何显示网页，即确定内容的显示格式。 浏览器按由上到下的顺序读取 HTML 文件，然后根据HTML 标签内容解释和显示各种内容。 4.1.1、HTML文档的基本结构 标记符又称标签，HTML是规定网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果 在格式上，HTML文件是标准的ASCII文件，文件名称以.html 或.htm作为扩展名。HTML的主要语法是元素和标记符，标记符号用表示，例如，HTML。 绝大多数标记符都是成对出现的，包括起始标签和结尾标签。网页显示的内容在一对标签之间 4.1.1、HTML文档的基本结构 标记符的格式是： 起始标签 ……内容…… /结尾标签 如：HTML…/HTML HTML 表示标签的开始 /HTML 表示标签的结束 所有的标签都要关闭，有的标签是自关闭的，比如分行的标签是这样的：br/ 4.1.1、HTML文档的基本结构 每一个元素都有名称和可选择的属性，属性是用来描述元素的特性。 在HTML中，所有的属性都放置在起始标注内标明，属性与标签之间用空格分隔，属性的值放在相应属性之后，用等号分隔，并且它们的值总是在引号“ ”中，而不同的属性之间用空格分隔。HTML元素和属性是不区分大小写的，但通常约定标记符使用大写字母。 例如： body backgroud ＝ “back-ground.gif” //起始标记 名称 属性 属性值 4.1.1、HTML文档的基本结构 HTML标记符的一般格式为： 元素名 属性1=“属性值1” 属性2=“属性值2”… 网页显示的内容 /元素名 例如：body backgroud＝back-ground.gifThis is HTML file test /body 一般来讲，HTML的标记有下列三种表示方法： 元素名文件或超文本 /元素名 元素名 属性名＝“属性值…”文本成超文本/元素名 元素名 仅用于一些特殊的元素，比如分段元素P，它没有结尾标注。 注释 注释标记 一般的形式是 !--注释性文字-- 用于在HTML文当中书写说明性文字，内容在浏览器中不显示。注释可以根据需要安排多行。 标记类型 “单标记”,是指只需单独使用就能完整地表达意思的一类标记，这类标记的语法是： 标记 / 常用的单标记有br/，表示换行，hr/代表一个水平线等。 “双标记”，由“首标记”和“尾标记”两部分构成，必须成对使用，其中首标记告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标记告诉Web浏览器在这里结束该功能。首标记前加一个斜杠（/）即成为尾标记。这类标记的语法是： 标记文档内容/标记 例如：h1欢迎光临/h1 4.1.1、HTML文档的基本结构 例如： body backgroud＝back-ground.gif //起始标记 h2 demo /h2 This is my first HTML file. p /body //结尾标记 4.1.1、HTML文档的基本结构 HTML文件仅由一个HTML元素组成，即文件以HTML开始，以/HTML结尾，文件其部分都是 HTML的元素体。HTML元素的元素体又由两大部分，即头元素head../head和体元素body…/body和一些注释组成。头元素和体元素的元素体又由其它的元素和文本及注释组成。 典型的HTML文本的基本结构形式如下： HTML HEAD