网站的静态网页实现技术

更新时间：2023-05-24 23:36:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

网页编程、

网站的静态网页实现技术网页的实质是什么？是图形？是文本？网页实际上是HTML标记语言程序，过去创建和管理网页是由训练有素的专业人员采用HTML语言手工编写程序来实现的。而现在有多种可视化程度很高的网页制作工具，无需掌握专业的网页制作技术就能够创作出富有特色、动感十足的网页来。我们平时上网看到的各个网站的网页都是用 Dreamweaver、FrontPage或其他网页制作工具编辑的，然后再加入一些动态语句。这些网页都是由Html语言编写生成，而我们在使用Dreamweaver、FrontPage编辑网页的同时，这个软件就已经自动生成这种语言了。

网页编程、

网站的静态网页主要是通过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基础知识

三、HTML语法标记总是封装在由“<”和“>”组成的一对尖括号之中，是一些定义网页内容格式和显示的命令，而标记属性用于进一步控制网页内容的显示效果。标记只改变网页的形式方式，本身不会显示在窗口中。例如：<B>这是粗体,你好。</B> <B>表示粗体开始，</B>表示粗体结束，标记在浏览器里不显示。 HTML标记是不区分大小写的，但为了便于阅读，通常采用一致的大小写，空格、TAB键和换行等可以出现在文件的任何位置，浏览器将不显示它们，除非附加特殊标记。另外，在HTML中没有语句的概念，也就是说，所有标记和内容都可以位于一行中。浏览器会根据不同的标记进行解释显示。当然，通常情况下为了使HTML文档更容易阅读，建议采用合理的分段和缩进等格式(这些格式不影响网页的显示效果)。

网页编程、

1、双标记：必须成对出现。语法：<标记>内容</标记> 其中： (1)“内容”就是被这对标记施加作用的部分。将文本内容 (2)第二个标记结束标记，总是用反斜线“/”开始。例1:段落标记 <p>虽然为一行，但我是一个段落</p> 例2:突出对某段文字的显示 <EM>text 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)开始越早，关闭越晚。标记是嵌入的。例如：<HEAD><TITLE>Your text</HEAD></TITLE> 这样是不起作用的。正确的顺序是：

<HEAD> <TITLE> Your text </TITLE> </HEAD>(2)一些标记有可选项--属性，使用值改变标记的行为。例如：<P>的对齐属性让你改变段落的默认对齐方式。 <P ALIGN=CENTER>段落的居中。</P>

网页编程、

HTML是一个随时变化的语言，老的浏览器不支持新的标记。当一个浏览器看到一个它不认识的标记时，它就会忽略。这样，你在页面里添加最新的新的浏览器可以识别的标记，在旧的浏览器也不会引起问题。另一方面，如果你犯了一个错误，你就不会看到什么出错信息。所以，在你的浏览器里察看页面是否和你想象的相同，这很重要。实际上，应该用不同的浏览器检测你的页面，因为不是所有的浏览器都用同样的方式处理HTML。

网页编程、

四、网页(HTML文档)的基本结构不管网页的内容多么丰富、版式多么复杂，网页的基本结构却都是一

样的。网页的基本结构： <! html网页版本信息说明>

<html><head> <! 标题标记、属性及其内容> (主题部分，一般来说是不可见的) </head> <body> <! 主体标记、属性及其内容> (正文部分，在浏览器中是可见的) </body>

</html>HTML文件的内容有三大部分：文件头<head>…</head>、文件体 <body>…</body>和一些注释。

网页编程、

7.1

HTML基础知识

五、HTML的标签下面介绍HTML的四个最重要的标签 (1) <HTML></HTML>:<HTML>标签放在HTML文件的最开始处，用以告诉浏览器这个文件为HTML文件，而在文件的最后，当然是</HTML>的结束标签了，虽然这个标签可以省略不用，但希望还是要养成使用该标签的习惯。 (2) <HEAD></HEAD>:<HEAD>标签一般放在<HTML> 标签的后面，用来标明文件题目或定义。构成HTML文档的开头部分，在此标记之间可以使用<TITLE> </TITLE>、 <SCRIPT> </SCRIPT>和<STYLE></STYLE>等标记对，此部分内容是不会在浏览器窗口中显示出来的，只是提供一些与Web页面有关的特定信息。两个标志必须一块使用。

网页编程、

7.1

HTML基础知识

(3)<TITLE></TITLE>:<TITLE>标签用来设定文件的标题，一般用来注释这个文件的内容，浏览器通常会将文件标题显示在浏览器窗口的左上角。 (4)<BODY></BODY>:<BODY>构成HTML文档的主体部分，其内容是浏览器页面中显示的主体内容。Web页的所有内容，文字、图形、链接以及其他页面元素都包含在该标记内。在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、 <hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个

标志必须一块使用。当然，HTML远没有如此简单，每个标签后面可定义各种各样的特性，这需要读者逐步掌握。当看到一个优秀的页面时，可以看看它的源文件，这样对提高制作水平很有帮助。下面看一个最基本的HTML文件具有怎样的结构。

网页编程、

7.1

HTML基础知识

<HTML><HEAD><TITLE>这是测试文件</TITLE></HEAD> <BODY> HTML文件的内容就写在这里…… </BODY> </HTML>

把它存为一个HTML文件，然后用浏览器打开它，其显示效果如图7-1所示。下面分别对这些标志进行介绍。

网页编程、

7.1

HTML基础知识

图7-1 浏览器显示效果

网页编程、

7.2

HTML基本标识与使用

7.2.1 HEAD中的标识 HEAD出现在HTML文档的起始处，用来标明当前文档的有关信息(如文档标题),检索引擎可用的关键词以及不属于文档内容的其他数据。HEAD元素的起始和结束标识都是可选的。在HEAD的起始标识和结束标识之间最重要的两个元素是TITLE和META。 1.TITLE元素 TITLE元素通常不被视为文本的—部分，其内容能够被显示，但会显示为文档标题或窗口标题。每个HTML只能有一个标题，也就是说，每个HTML文档的HEAD部分只能有—个TITLE元素。TITLE元素的起始标识和结束标识都是必需的。

网页编程、

说明：

1)title除了标识文件内容外，当某一主页存入书签或文件时，title还用作书签名或默认的文件名。 2)title的长度没有限制，但过长的标题会导致折行，一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容，所以太短也是不可取的；

3)一个好的标题应该能使读者从中判断出该文件的大概。

网页编程、

7.2

HTML基本标识与使用

3.META元素 META 元素被用来描述 HTML 文档的元信息 ( Meta Information),即关于文档的自身信息。这些信息可以被Web检索引擎、Web服务器或其他程序利用。 META元素是HTML 3.0以后版本中定义的元素。META 元素需要标识，但不能有结束标识。META元素定义元信息时，可以用 NAME 属性指出信息的类型，用 Content属性指出它的定义。例如： <META NAME="Author" Content="cool"> <META NAME = "Keys" Content = "animal,monkey">

使用上述语句可以产生关于文档作者和关键词的元信息。

本文来源：https://www.bwwdw.com/article/3rv4.html

相关文章：

正在阅读：

五一文艺汇演主持词5月6日.卫生局doc05-20

计算机组成原理课设论文05-28

孟子的仁政思想及其对当今的意义07-09

20年后的我作文500字07-15

上一篇：五金冲压模具报价及成本估算浅析下一篇：二相步进电机驱动芯片THB6064AH及其应用