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

网站的静态网页实现技术 网站的静态网页主要是通过HTML实现的,即静态网页是用HTML制作的。HTML（Hyper Text Markup Language）语言是超文本标识语言。HTML语言是一种描述文档结构的语言，使用描述性的标识符（称为标签）来指明文档的不同内容。标签是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。一般来说，HTML文件是以“.htm”或“.html”作为文件的扩展名。 7.1 HTML基础知识 HTML是专门在Internet上进行传输，可以让设计者建立并能让所有Web的使用者读出的页面。HTML是一种标识语言，用来创建与系统平台无关的文档。也就是说，HTML不是编程语言而是一种描述性标识语言。 HTML是把一些信息根据需要链接起来的信息管理技术。人们可以通过超文本中的链接打开另外一个相关的文件，用鼠标点击文本中的高亮度或带下划线的文字，即可打开与之相链接的文本，获得所需的信息。 7.1 HTML基础知识 一、关于HTML(Hypertext Markup language)： Html是一种超文本标记语言，是创建网页时使用的语言。 就其本质而言，是一个基于文本的编码标准，是对网上信 息进行标记的一组规则，通过这些标记规则，告诉Web浏 览器如何显示文本和图形等网页元素。 标记：是一种功能的注释。由W3C组织定义。 超文本：是指含有超链接和多媒体文本。 超链接：从一个资源可以瞬间跳转到另一个资源。 Html语言是主页的基础，你可以通过浏览器的“查看”--“源代 码“看到该页的HTML代码。不必看到语言就感到害怕， HTML和C语言不一样，它只是一系列标记的组合。 7.1 HTML基础知识 二、HTML文档编写方法 HTML文档是以纯ASCII文件存在的，扩展名为.htm 或.html。 1、手工直接编写：把标记写在记事本中，存盘时扩展名 为.htm 或.html。保存类型为文本文档。 在Internet exprorer中打开文件，查看源文件修改保 存刷新。 2、使用可视化HTML编辑器如：Dreamweaver。 3、由WEB服务器上的程序（ASP，PHP，JSP）动态的 生成。 7.1 HTML基础知识 1、双标记：必须成对出现。语法：标记内容/标记 其中：（1）“内容”就是被这对标记施加作用的部分。将文本内容（2）第二个标记结束标记，总是用反斜线“/”开始。例1：段落标记p虽然为一行，但我是一个段落/p例2：突出对某段文字的显示??EMtext to emphasize/EM（通常会以斜体显示）双标记元素提供了开始和结束标记，将文本包含在其中，故也称为容器（container）。 2、单标记：只需单独使用。单标记都是进行一些特定的操 作。 语法：标记 例：BR 表示在一个段落未结束时，让显示强制换行。 3、标记属性：属性在双标记的开始标记或单标记的尖括号 内中指定。 语法：标记 属性1=属性的值 属性2=属性的值 属性3=属 性的值 … 如果一个标记有多个属性，那么不同属性之间应该用空 格隔开。各属性之间无先后次序，也可不指定，直接使用浏 览器的默认值。 例1：p align=”right”虽然为一行，但我是一个段 落，并且在右边./p 例2：单标记HR表示在文档当前位置画一条水平 线，此标记允许带一些属性：HR??Size=3 Align=left Width=”75%”  4、注释语句 格式： !-- 注释文 -- 作用:文字不会显示在网页上, 实例：HTML实例06 html head title如何在HTML中注释/title meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body !--标题-- p天才在于勤奋br 只有勤奋的人才能获得理想的成功！ /p /body /html HTML不是编程语言，而只是一些标记的集合， 这些标记嵌在文本文件中，可以被浏览器识别，使 文本文件在浏览器中以一定方式显示出来。由于多 数标记成对地出现，所以HTML又被称为容器式的 注释语言。在HTML文件中，不同标记的使用、搭 配以及嵌套、链接，就构成了不同风格的网页。因 此，正确地使用HTML中的代码标识即标记是建立 HTML文件的关键。 5、HTML其它 （1）开始越早，关闭越晚。标记是嵌入的。 例如：HEADTITLEYour text/HEAD/TITLE 这样是不起作