这个...页面,他是怎么回事啊?(页面结构)--初学者

来源:互联网 发布:前端ajax模拟数据 编辑:程序博客网 时间:2024/04/28 12:42

首先,我想先说说,关于它【网页】,我们该怎么做。

先来用页面解析好了。

现在网页的展示,其实就是由三部分组成。

  •  HTML : 在网页中它的作用相当于盖房子需要的砖一样。你需要知道砖有哪些?你需要什么样的砖来做怎么样的格局和框架。

  •  CSS : 在网页中CSS的作用就相当于是给刚刚盖好房子进行装潢,你想要什么样的颜色和怎么样的空间摆设。

  •  JS : 在网页中JS的作用...(这个我很难用语言清晰的描述清楚它的作用),但是他却是网站的一个不可忽视的优点,它使得页面更加的人性化和鲜活。让人使用起来更方便。也使的页面具有交互性。


这就是我眼中的网页元素构成。

再来看一下源码,说一下网页的代码结构。以下是一个标准的HTML格式的网页代码结构。文件后缀名:.html

<!DOCTYPE html>【这里是声明,告知浏览器解析该文件是什么格式的】

<html>【这里是html文件的开始标签】

<head>【这里是头部标签的开始】

<title></title>【填写网页的标题】

<link rel="stylesheet" type="text/css" href="css/demoA.css" media="all"/>

<!---这里就是引入外部css文件+样式文件--->

<script type="text/javascript" src="js/demo.js"></script>

<!---这里就是引入外部js文件+交互--->

</head>【这里是头部标签的结束】

<body>【内容显示区开始】

<h1>hello world</h1>

<!---这里就是HTML标签的主要显示区,这里填写的内容会在浏览器的页面中显示--->

</body>【显示内容区结束】

</html>【这里是html文件的结束标签,并告知浏览器解析完成】


页面就是这么回事。

1 0
原创粉丝点击