网页初印象！

对于web（网页），笔者有一个很浅显的认识，就是认为网页有三个核心要学的地方，而且是最实际需要掌握的知识点

HTML
CSS
javascript

我觉得这是对网页理解的基础，这三个究竟是何方神圣，有何用途，网上其实也有相关生动的简介的描述：

HTML用于搭建网页基本结构
CSS用来美化网页界面，增添一些美观的样式
javascript用来实现一些动态效果，或者一些精美的特效

HTML结构: 把一个网页项目作为一个建造房子的项目，把HTML当作这个房子的基本骨架，建造房子的时候采用水泥钢筋混凝土简单粗暴搭建最初的房子，等到基本房子形体搭建成功，实际上也完成了基本需求了，也就可以住人

这个是读者随意查找的建筑中的房子示意图：

是不是，很简单，很粗暴

HTML就像是搭建房子的一转一瓦，主要负责房子实体内容，以及基本结构

一个最简单的HTML结构：

 1 <html>
 2
 3
 4     <body>
 5
 6        <p>hello world</p>
 7     </body>
 8
 9
10 </html>

Google浏览器显示效果：

 1 <html>
 2     <!-- 网页的标题、图标... -->
 3     <head>
 4         <mate charset="utf-8">
 5         <title>第一个网页</title>
 6     </head>
 7      <!-- 网页的标题、图标... -->
 8     <!-- 网页的具体内容 -->
 9     <body>
10         这是网页的内容
11         <a href="http://www.baidu.com" target="_blank">百度</a>
12
13         <h1>666666666</h1>
14         <h2>666666666</h2>
15         <h3>666666666</h3>
16         <h4>666666666</h4>
17         <h5>666666666</h5>
18
19         <p>ppppppppppp</p>
20
21     <div>
22         <p>ppppppppppp</p>
23     </div>
24
25         <ul>
26             <li>hahaha</li>
27             <li>hahaha</li>
28             <li>hahaha</li>
29         </ul>
30
31         <ol>
32             <li>ahahah</li>
33             <li>ahahah</li>
34             <li>ahahah</li>
35         </ol>
36
37     <img src="text.png">
38     </body>
39       <!-- 网页的具体内容 -->
40 </html>

Google浏览器显示效果：

你们会发现，实际上这些快完工的房子也可以住人，但是这个样子肯定是拿不出手也卖不出去的，同样上面这些颜色单一的文字，看着看就会疲劳起来，所以需要对房子进行美化，让房子买家使用舒服，让用户体验感好，让界面美观，丰富多彩，在用HTML搭建基本页面结构之后，就要使用CSS样式了。

CSS样式：同样的，把HTML用于搭建房子基本结构，和几何上的外形，把CSS用于装饰房子外形，颜色之类的

你看，给房子墙体加一些颜色样式，一些色彩绚丽的特效，是不是更加美观呢？

像这样的房子一看就有住进去的欲望啊