今天是php课程的第一天，怀着激动懵逼的复杂心情，写下今天所学的内容。
首先是三个名词。即http，HyperText Transfor Protoca超文本传输协议；http通常发生在TCP/IP连接之上，默认端口80。URL，uniform resorce locaor,统一资源定位符（网址）。html，Hypertext Marked Language,超文本标记语言。css，Cascading style sheets,层叠样式表。 然后是开始写最基础最简单的代码。首先是基本的格式，如下
<html>
<!--头标签-->
<head>
<!-- -->
<meta charset="utf8">
<!--标题标签-->
<title></title>
</head>
<!--体标签-->
<body>
</body>
</html>
<!-- -->是对内容的注释，知识内容写在两个--与另外两个的中间。<meta charset=>是对该代码所用的进制与文字转化指令，两个title之间是网页的标题，两个body之间是具体的内容，两个head之间则是这些内容的格式。注意<head><heml><body>要两个。
然后是基本的一些操作。
我在所写的网页上作出两个带颜色的正方形，并给出长宽，如下。
html>
<!--头标签-->
<head>
<!-- -->
<meta charset="utf8">
<!--标题标签-->
<title>第一个</title>
<style>
#a{width: 200px;height: 200px;background-color: #FF0000;}
#b{width: 200px;height: 200px;background-color: #00FF00;}
</style>
</head>
<!--体标签-->
<body>
<div id="a">老刘喝阿萨姆奶茶</div>
<div id="b"></div>
</body>
</html>
在代表颜色的代码后加入float：both/right/left可以调节两个图形的上下左右顺序。
还可以用<div class="clean"></div>来调节。(注：id=#,class=.)如下。
<!--头标签-->
<head>
<!-- -->
<meta charset="utf8">
<!--标题标签-->
<title>第一个</title>
<style>
#a{width: 200px;height: 200px;background-color: #FF0000;float:left;}
.clean{clear: both;}
#b{width: 200px;height: 200px;background-color: #ca952c;float:left;}
</style>
</head>
<!--体标签-->
<body>
<div id="a">老刘喝阿萨姆奶茶</div>
<div class="clean"></div>
<div id="b"></div>
</body>
</html>
如欲将多个正方形由横排转为有上有下的，则需如下操作。本人做了四个正方形。
<html>
<!--头标签-->
<head>
<!-- -->
<meta charset="utf8">
<!--标题标签-->
<title>第一个</title>
<style>
div{width:200px;
height:200px;}
#a{background-color: #FF0000;float:left;}
#b{background-color: #ca952c;float:left;}
#c{background-color: #FF0000;float:left;}
#d{background-color: #FF0000;float:left;}
.clean{width:0px;height:0px;clear:left; }
</style>
</head>
<!--体标签-->
<body>
<div id="a">老刘喝阿萨姆奶茶</div>
<div id="b"></div>
<div class="clean"></div>
<div id="c"></div>
<div id="d"></div>
</body>
</html>
以上就是我作为小白新手学习php第一天的收获，请大神们指教！
原文地址：http://12254268.blog.51cto.com/12244268/1870400
