HTML文件分为哪两部分_随笔

从物理文件方面来说，HTML文件在磁盘上存放为单一文件，不存在分成几部分的问题。

从HTML访问请求上来说，访问页面时会涉及页面本身、链接的样式表、外部加载的脚本文件、图片等等相关资源。

从HTML页面的本身的代码来说，代码包含网页信息部分和网页内容部分。信息部分一般声明该网页相关的信息，如网页标题、内容描述，页面语言和编码等等；内容部分就是在浏览器窗口中展现内容所需要的代码。如以下基本代码：

<html>

<head>

<title>这里是网页标题</title>

</head>

<body>

<p>这里是网页内容</p>

</body>

</html>

从HTML页面代码功能来说，代码可以分为三个层次：结构层、表现层、行为层。

结构层即HTML代码，这部分代码是支持整个页面的结构基础，它决定页面上要显示什么内容。

表现层为CSS代码，包括页面内嵌的CSS，外部链接的样式表，以及元素内联的style属性。这部分代码决定网页的外观，如颜色、字体、位置等等。

行为层为JS代码，也称为交互层，是决定网页如何与外部进行用户交互、服务通讯的功能代码。

以上是关于HTML文件的简要介绍，更多信息请查看

http://www.w3chtml.com/

http://w3school.com.cn/

1、启动dreamweaver cs5，在d出的对话框窗口中选择html，进入主界面编辑区域。

2、接着对网页的整个布局在草纸上绘制下来，做到心中有数，主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。

3、接着点击设计进入设计状态，在代码区域书写整体框架的css，即

#ztkj｛width:80%

boder:1px solid #000000

height:800px}

在body里添加<div id="ztkj"></div>即可在下面看到整体框架。

4、接着在书写导航条代码，即

#dht{padding:10px

boder:1px solid#000000

background-color:#a2a2ff}

在第一个div中输入<div id="dht"></div>，查看效果变化。

5、书写主体内容的代码，即

#ztnr{

float:leftwidth:60%

height:600pxboder:1px solid #000000

text-align:center

margin-light:10px

margin-left:10px}

在整体框架中输入<div id="ztnr">主体内容</div>，查看效果

6、书写菜单导航代码

#cddh{

float:right

margin-right:10px

width:35%boder:1px #a2a2ff

height:600px}

接着在整体框架中输入代码<div id="cddh">菜单导航</div>

7、书写脚注的代码

#jz{

padding:10px

boder:3px #a2a2ff

text-algin:center

clear:both

margin-top:20px}

在整体框架中输入代码<div id="jz">脚注</div>查看效果。

8、这样大体框架就制作出来了，按f12进行查看效果，效果不好需要进一步修改代码。把边框设置出来，把所有的boder进行修改为border:solid 5px #fcc

9、由于整个框架不在中间位置，需要修改让其居中对齐，所以要在ztkj中添加一条语句margin:auto

10、这样整个框架就出来，在实际的使用过程中要根据自己的需要进一步调整，执行文件-另存为命令，将网页保存就完成了。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zaji/7581894.html

HTML文件分为哪两部分

发表评论

评论列表（0条）