1.网页是什么？要弄清楚什么是网页，就要弄清楚
1.什么是网页？要弄清楚网页是什么，您需要了解网页的结构和工作原理。首先我们来看看搜狗百科是怎么说的：网页（英文：web page）是一个适合万维网和网络浏览器的文件，它存储在世界的某个角落或连接到的一组计算机中互联网中间。它是构成网站和承载各种网站应用程序的平台的基本元素。
通过网址 (URL) 识别和访问网页。当我们在网络浏览器中输入网址时，经过一个复杂而快速的程序，网页文件就会被传送到用户家中的电脑上，然后通过浏览器来解读网页的内容。，然后将其展示给用户。
来自链接：搜狗：网页
看看这一段文字，是不是有种骂街的冲动？
http://tt.ccoox.cn/data/attachment/forum/20220108/1641636224322_0.jpg
不要害怕，不要害怕。让我们逐个关键字分析：
1、网页：单纯从用户的角度来看，就是你看到的东西web网页是什么，淘宝、京东等。
2、文件：我们都知道计算机中存在文件。本着眼见为实的原则web网页是什么，我们来看看这些文件在哪里。
3、计算机：顾名思义，计算机就是服务器端的服务器。没看过服务器？不要害怕，不要害怕看看：
4、网站（URL）：例如众所周知
http://tt.ccoox.cn/data/attachment/forum/20220108/1641636224322_2.png
5、复杂快速的程序：是的，网页文件在发送的时候，都会被这些程序处理，而那些能写出这些程序的程序，可不是一般的公司。
6、浏览器解释：浏览器在浏览器中对内核接收到的三个文件进行解释，并渲染成我们看到的网页。然后展示给用户。,
7、总结成一张图就是：
http://tt.ccoox.cn/data/attachment/forum/20220108/1641636224322_3.png
2.那么网页的结构是怎样的呢？
要想了解网页的结构，首先要了解W3C组织。
万维网联盟（World Wide Web，缩写为W3C），又称W3C委员会。1994 年 10 月在麻省理工学院计算机科学实验室成立。创始人是互联网的发明者蒂姆·伯纳斯-李。
几乎所有关于网页的标准都是由这个联盟制定的。按照其标准网页的标准，HTML是基础，CSS文件负责美化，JS负责交互和动作。
http://tt.ccoox.cn/data/attachment/forum/20220108/1641636224322_4.png
这是一个简单的 DOM 树天外神坛源码网，我们的网络资源可以看作树上的每一个苹果，这样组织资源会大大提高浏览器的解析速度。我们日常生活中的家庭关系，可以通过这样一张图清晰的展现出来。
HTML使用标签将资源夹在中间，标签文件夹标签形成树状结构。CSS 通过查找树中的每个节点来找到要渲染的元素，JS 也是通过这种方式找到每个资源并动态交互的。
<p><pre> <code>//简单的网页。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页结构</title>
<style type="text/css">
/*中间写CSS代码*/
h2 {
color: red ;/*设置<h2>标签中的内容为红色*/
}
</style>
<script type="text/javascript">
/*中间写JS代码*/
var a = document.getElementById('aa');
a.innerText = '猫扑的网站';
</script>
</head>
<body>
<div>
<h2 id="aa">京东</h2>
<ul>
<li>手机 运营商 数码 </li>
<li>电脑 办公 </li>
<li>家居 家具 家装 厨具 </li>
<li>男装 女装 童装 内衣 </li>
<li>美妆 个护清洁 宠物 </li>
</ul>
</div>
</body>
</html>
</code></pre></p>
上面的代码是嵌入的，CSS和JS代码也可以写在单独的文件中。
概括：
看完上面的介绍，你对网页有基本的了解了吗？了解一个网页的运行过程和结构模型，可以让你对它有一个大致的了解。
http://tt.ccoox.cn/data/attachment/forum/20220108/1641636224322_5.jpg
-------------------------------------------------- ------《Java Web 开发目录》-------------------------------------- ------------------
页:
[1]