今天第一天學習有關網站前端的東西，感覺挺合胃口的，雖然一點基礎沒有，但是還是很有興趣的，所以學起來也是很有勁兒。接受起來也比較容易，所以我也做了一些筆記和學習到的代碼，希望對自己以後會有幫助！！！！
超文本傳輸協議《http hypertext transfer protocol》
URL<uniform resource locaor >
html 超文本標記語言《hypertext marked language》一種編程語言 瀏覽器解釋語言
css《scascading style sheets》層疊樣式表
1；<html>
<!--頭標籤-->
<head>
<!-- 編碼 -->
<meta charset="utf8">
<!--標題標籤-->
<title></title>
<style>
#a {width: 400PX;寬度
height: 500PX;高度
background-color: #00ff00;folat：lef；浮動 想左} 方塊
#b{width: 400PX;
height: 500PX;
background-color: #aa0000;}
</style>
</head>
<!--體標籤-->
<body>
<div id="a"></div>
<div id="b"></div>
</body>
</html>
2；<html>
<!--頭標籤-->
<head>
<!-- 編碼 -->
<meta charset="utf8">
<!--標題標籤-->
<title></title>
<style>
#a {width: 100PX;
height: 100PX;
background-color: #00ff00;float: left;}
#b{width: 100PX;
height: 100PX;
background-color: #00ff00;float:left;} 田字格
#c{width: 100PX;
height: 100PX;
background-color: #aa0000;float:left;}
#d{width: 100PX;
height: 100PX;
background-color: #aa0000;float: left;}
.clean{clear: both;}
</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>
3；<html>
<!--頭標籤-->
<head>
<!-- 編碼 -->
<meta charset="utf8">
<!--標題標籤-->
<title>搭噶好</title>
<style>
div{width: 50PX;
height: 50PX;}
#a{background-color: #aa0000;float: left;}
#b{background-color: #00ff00;float: left;}
#c{background-color: #00ff00;float: left;} 另類方塊兒
#d{background-color: #aa0000;float: left;}
.clean{width:0PX;
height:0PX;
clear:both;}
</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>