手写几个简单网页程序。-云破天开

从人人网、博客等的衰落，到微信微博强势崛起，自媒体始终流行。但是依附于别人的平台。当平台衰落了，你的主页也就没人访问了。而个人网站始终是独立存在的，不管任何形式的主页流行，都不会受到影响。但是技术门槛也限制了个人网站的普及。始终是属于小众。

学习基本思路：
快速了解html、css、php、sql这四种语言的基本用法。希望看完本文就可以自己动手写一个网站程序。

1、做一个简单的html网页。

2、做一个用css控制样式的网页。

3、做一个简单的php网页

4、学习mysql数据库的基本操作。

5、做一个php+mysql的自适应网页。

废话不多说，直入主题：
1、HTML：最基本的网页。
首先我们先建立一个a.html文档，将以下内容写到文档里。

<!--下面是网页的最基本格式,一般html标签都包含开始和结束标签。-->
<html>
  <head><!--head标签的内容不在网页中显示-->
    <title>云破天开网</title><!--显示在浏览器的标题栏-->
  </head>
  <body><!--body标签的内容会显示在网页中-->
    <h1>云破天开网</h1><!--主标题-->
	<h2>yptk.cn</h2><!--副标题-->
	<hr/><!--分割线-->
	<p>HTTP:即Hypertext Markup Language，超文本标记语言。</p><!--文本标签-->
  </body>
</html>

这就是一个最简单的html网页，用浏览器打开，显示如下：
————————————————-
2、CSS：用css控制网页的样式。
建立一个b.html文档和一个b.css文档。用b.css来控制b.html的样式。
b.html内容如下：

<html>
  <head>
    <title>云破天开网</title>
	<!--下面一行用于引用b.css中定义的样式-->
	<link rel="stylesheet" type="text/css" media="screen" href="./b.css" />
  </head>
  <body>
    <h1>云破天开网</h1>
	<h2>yptk.cn</h2>
	<hr/>
	<p class="ys">CSS：即Cascading Style SheetS，层叠样式表。</p><!--引用样式ys-->
  </body>
</html>

b.css内容如下：

body{background:#eee}/*定义背景色*/
h1{color:#69b40f}/*定义颜色*/
P.ys{color:red;font-size:30px;font-family:"黑体"}/*颜色,大小,字体*/

这就是一个简单的用css控制的网页，用浏览器打开b.html，效果如下：
——————————————–
3、PHP：在html中嵌入php代码。
首先建立一个c.php文档，将以下内容写入文档。

<html>
  <head>
    <title>云破天开网</title>
  </head>
  <body>
    <h1>云破天开网</h1>
	<h2>yptk.cn</h2>
	<hr/>
	<?php $i="php：即Hypertext Preprocessor,超文本预处理器。";//定义函数$i
	      echo "{$i}"//输出函数$i。
     ?>
  </body>
</html>

用浏览器打开c.php，效果如下：