网站的静态网页实现技术.pptVIP

网站的静态网页实现技术;网站的静态网页主要是通过HTML实现的,即静态网页是用HTML制作的。HTML〔HyperTextMarkupLanguage〕语言是超文本标识语言。HTML语言是一种描述文档结构的语言，使用描述性的标识符〔称为标签〕来指明文档的不同内容。标签是区分文本各个组成局部的分界符，用来把HTML文档划分成不同的逻辑局部〔或结构〕，如段落、标题和表格等。一般来说，HTML文件是以“.htm”或“.html”作为文件的扩展名。;7.1HTML根底知识;7.1HTML根底知识;7.1HTML根底知识;7.1HTML根底知识;1、双标记：必须成对出现。

语法：标记内容/标记

其中：

〔1〕“内容”就是被这对标记施加作用的局部。将文本内容

〔2〕第二个标记结束标记，总是用反斜线“/”开始。

例1：段落标记

p虽然为一行，但我是一个段落/p

例2：突出对某段文字的显示??EMtexttoemphasize/EM〔通常会以斜体显示〕

双标记元素提供了开始和结束标记，将文本包含在其中，故也称为容器〔container〕。

;2、单标记：只需单独使用。单标记都是进行一些特定的操

作。

语法：标记

例：BR表示在一个段落未结束时，让显示强制换行。

3、标记属性：属性在双标记的开始标记或单标记的尖括号内中指定。

语法：标记属性1=属性的值属性2=属性的值属性3=属

性的值…

如果一个标记有多个属性，那么不同属性之间应该用空

格隔开。各属性之间无先后次序，也可不指定，直接使用浏

览器的默认值。;例1：palign=”right”虽然为一行，但我是一个段

落，并且在右边./p

例2：单标记HR表示在文档当前位置画一条水平

线，此标记允许带一些属性：

HR??Size=3Align=leftWidth=”75%”

;4、注释语句

格式：!--注释文--

作用:文字不会显示在网页上,

实例：HTML实例06

html

head

title如何在HTML中注释/title

meta-equiv=Content-Typecontent=text/html;charset=gb2312

/head

body

!--标题--

p天才在于勤奋br

只有勤奋的人才能获得理想的成功！

/p

/body

/html;HTML不是编程语言，而只是一些标记的集合，

这些标记嵌在文本文件中，可以被浏览器识别，使

文本文件在浏览器中以一定方式显示出来。由于多

数标记成对地出现，所以HTML又被称为容器式的

注释语言。在HTML文件中，不同标记的使用、搭

配以及嵌套、链接，就构成了不同风格的网页。因

此，正确地使用HTML中的代码标识即标记是建立

HTML文件的关键。;5、HTML其它

〔1〕开始越早，关闭越晚。标记是嵌入的。

例如：HEADTITLEYourtext/HEAD/TITLE

这样是不起作用的。正确的顺序是：

HEADTITLEYourtext/TITLE/HEAD

〔2〕一些标记有可选项--属性，使用值改变标记的行为。

例如：P的对齐属性让你改变段落的默认对齐方式。

PALIGN=CENTER段落的居中。/P;HTML是一个随时变化的语言，老的浏览器不

支持新的标记。当一个浏览器看到一个它不认识的标记时，

它就会忽略。这样，你在页面里添加必威体育精装版的新的浏览器可以

识别的标记，在旧的浏览器也不会引起问题。另一方面，如

果你犯了一个错误，你就不会看到什么出错信息。所以，在

你的浏览器里观察页面是否和你想象的相同，这很重要。实

际上，应该用不同的浏览器检测你的页面，因为不是所有的

浏览器都用同样的方式处理HTML。

;四、网页〔HTML文档〕的根本结构

不管网页的内容多么丰富、版式多么复杂，网页的根本结构却都是一

样的。

网页的根本结构：

!html网页版本信息说明

html

head

!标题标记、属性及其内容〔主题局部，一般来说是不可见的〕

/head

body

!主体标记、属性及其内容〔正文局部，在浏览器中是可见的〕

/body

/html

HTML文件的内容有三大局部：文件头head…/head、文件体body…/body和一些注释。;7.1HTML根底知识;7.1HTML根底知识;7.1HTML根底知识;7.1HTML根底知识;7.2HTML根本标识与使用;说明：

1〕title除了标识文件内容外，当某一主页存入书签或文件