服务时间:8:30-18:00

首页 >web前端网

HTML静态网页结构

发布时间:2023-02-20 17:26 字数:691字 阅读:120

HTML静态网页结构,静态网页一般都以html或者htm作为后缀,以区别于动态网页。HTML文件实际上是一种文本文件,因此,可以用普通的文本编辑工具来查看或修改HTML文件。一个最基本的静态网页的源代码如下:


    01 <html>
    02 <head>
    03 <title>网页标题</title>
    04 </head>
    05 <body>
    06 <p>
    07 这是第一个网页。
    08 </p>
    09 </body>
    10 </html>


在上面的代码中,第1行是<html>,最后1行是</html>,这两个标签组成一个完整的html元素,所有的内容都位于这两个标签之间。

其中第1行表示HTML文件的开始,最后1行表示HTML文件结束。

第2行是一个<head>标签,这个标签跟第4行的</head>标签配对,一起组成head元素。在head元素中是一些关于本HTML文档本身的描述信息。

在本例中,head元素里面有一个title元素。title元素是文档的标题信息,这个信息会显示在浏览器的最上面的标题栏里。

head元素后面是<body>标签,这个标签表示文档正文的开始,而倒数第2行的</body>标签表示文档正文的结束,这两个标签组成body元素。

在body元素内部,有一个p元素。p元素表示HTML文档中的段落。<p>标签和</p>标签之间的文本构成一个段落。

打开记事本程序,输入前面所示的源代码,保存为firstPage.html。然后用浏览器打开该文件,就可以看到网页内容,如图1所示。

一个基本的html网页

图1 一个基本的html网页

由于每种Web服务器都可以设置资源类型的处理程序映射,因此后缀为html或者htm的不一定是HTML静态网页。