Web应用系统安全开发课件：使用HTML定义网页内容.pptx

Web应用系统安全开发

使用HTML定义网页内容;

2.1.1HTML超文本标记语言概述;

1.HTML基本概念

?HTML(HyperTextMarkupLanguage)超文本标记语言，不是一种编程语言，而是一种标记语言(MarkupLanguage)，用一套标记标签(MarkupTag)来描述网页的一种语言。HTML文件以“.htm”或“.html”为扩展名。

?网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容，如：文字如何处理，画面如何安排，图片如何显示等。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。

?HTML从1993年诞生以来，不断地在发展与完善。从HTML2.0、HTML3.2、HTML4.0、;

2.1.2用标签规定元素属性和位置;

1.文档标签

HTML的主要语法是元素和标签：

?元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码，是符合

DTD(文档类型定义)的文档组成部分，如title(文档标题)、IMG(图象)、table(表格)等等。元素名不区分大小写的。

?HTML用标签来规定元素的属性和它在文档中的位置。标签分单独出现的标签和成对出现的标签两种。大多数的标签是成对出现的，有首标签和尾标签组成。首标签的格式为元素名，尾标签的格式为/元素名。成对标签用于规定元素所含的范围，如title和/title标签用来界定标题元素的范围，也就是说。title与/title之间的部分是该HTML文档的标题。单独标签的格式为元素名，它的作用是在相应的位置插入元素。如br标签表示在该标签所在位置插入一个换行符。;

1．html标签

html标签是文档标识符，它是成对出现的，首标签html和尾标签/html分

别位于文档的最前面和最后面，明确地表示文档是以超文本标识语言编写的。

2．head标签

把HTML文档分为文档头head和文档主体body两个部分。文档的主体部分就

是在浏览器用户区中看到的内容了。而文档头部分用来规定该文档的标题(出现在浏览器窗口的标题栏中)和文档的一些属性。HTML文档的标签是可以嵌套的，即在一对标签中可以嵌套另一对子标签。用来规定母标签所含范围的属性和其中某一部分内容，嵌套在head标签中使用的子标签主要有title、meta、link和style。;

3．body标签

body标签是成对标签。在body/body之间的内容将显示在浏览器窗口的用户区内，它是HTML文档的主体部分。;

4．文档类型!DOCTYPE标签

!DOCTYPE声明必须位于HTML5文档中的第一行，也就是位于html标

签之前。该标签告知浏览器文档所使用的HTML规范。!DOCTYPE声明不属于HTML标签，它是一条指令，告诉浏览器编写页面所用的标记的版本。

5．注释标签!--...--

注释标签!--...--用于在源代码中插入注释。注释不会显示在浏览器中。;

2.布局标签

?HTML页面主要用以下标签来进行布局;

3.格式标签

?HTML页面常用的文章标签;

?HTML页面常用的短语元素标签;

?HTML页面常用的字体样式标签;

4.列表标签

1．列表标签

(1)ul定义无序列表。可使用CSS来定义列表的类型。

(2)ol定义有序列表。有序列表可以是数字或字母顺序。可使用li标签来定义列表项，使用CSS来设置列表的样式。其属性“start”，规定有序列表的起始值；属性“reversed”，规定列表顺序为降序；属性“type”，其值为“1”、“A”、“a”、“I”或“i”，规定在列表中使用的标记类型。

(3)li定义列表项，有序列表和无序列表中都使用li标签。;

img定义图像，注意加上“alt”属性。比如：

imgsrc=smile.gifalt=微笑/;

6.超链接标签

a定义超链接，用于从一个页面链接到另一个页面,它最重要的属性是“href”属性，它指定链接的目标。

ahref=“/”

onclick=_addDynClicks(#34;wbimage#34;,1877551418,64121)target=_blank学校主页/a

属性“target”，其值为“_blank”、“_parent”、“_s