网页的组成_CDA答疑社区

zxq997

2018-11-28 阅读量: 757

网页的组成

网页的组成大体上分为三大部分

HTML

CSS

JavaScript

有一个通常的比喻:

HTML相当于人的骨骼, 决定了网页的大体框架结构;

CSS相当于人的皮肤, 决定了网页看起来的风格样式;

JavaScript 相当于人的肌肉, 使网页能够响应你的操作, 做出各种活动

5.1 HTML

HTML, 是网页的基础架构, 它用各种标签来表示内容

例如div表示布局标签, img='' 表示图片, p

<head></head>内部的代码表示头部信息

<body></body> 网页主体内容

<table></table> 表格

<p></p>表示段落等等

通过这些标签之间的各种嵌套组合, 组成了我们看到的网页.

通过检查中的Element, 可以看到每一部分网页, 代表了哪一步分的标签内容.

5.2 CSS

HTML只是设定了一个网页基本结构, 但是还没办法形成我们看到的这么美观颜色丰富的网页, 对于这部分功能是通过CSS, 层叠样式表来实现的.

检查, Element, Styles中的内容, 就可以查看对应的CSS内容.

.ClassHead-wrap a {

display: inline-block;

float: left;

padding: 0px 20px;

_padding: 0px 15px;

line-height: 33px;

height: 33px;

cursor: pointer;

color: #0474c8;

border-width: 2px 1px 0px 1px;

border-color: #fff;

border-style: solid;

}

这就是一段CSS代码

但是在网页中一般不会把CSS代码直接写在页面中, 一般负责前段的程序员会把CSS统一写好后, 放入到.css后缀的样式文件中, 在网页中使用link 标签连接到样式文件, 就可以调用其中的样式库了.

5.3 JavaScript

目前很常见的一种语言, 长叫做JS, 当我们在网页中看到一些动态的内容, 或者是交互性的功能(例如点击后出现某种效果, 自动滑动的图片等), 都是通过JS实现的功能 .

JS通常也是单独放在.js后缀的文件中, 在网页中通过<script src=''></script> 标签调用

5.4 HTML的结构

0.0000

关注作者

发表评论

暂无数据

CDA考试动态

CDA报考指南

推荐帖子