手写几个简单网页程序。

2015-10-18 云破天开 网站 评论(0) 阅读(993)

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

学习基本思路:
快速了解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网页,用浏览器打开,显示如下:39461445183793.jpg
-------------------------------------------------
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,效果如下:
efaf1445188263.jpg --------------------------------------------
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,效果如下:
79201445190246.jpg



标签: 原创 网站

发表评论: