一：名詞解釋
HTTP：hypertext transfer protocol 超文本傳輸協議
HTML:hypertext marked language 超文本標記語言
CSS:Csacading style sheets 層疊樣式表
URL:Uniform resoure locator 統一資源定位器
二：HTML基本結構
<!-- 這是文檔 -->
<!DOCTYPE html>
<!-- 這是開頭 -->
<html>
<!-- 這是頭部 -->
<head>
<!-- 這是標題 -->
<title></title>
</head>
<!-- 這是身體（主要內容都在這裏） -->
<body>
</body>
</html>
三：舉例說明（在網站中顯示4個圖片）
<!DOCTYPE html>
<html>
<head>
<title>中國經濟網</title>
<!-- 這是規定了使用的譯碼器以防出現亂碼譯碼器爲"utf8" -->
<meta charset="utf8">
<!-- 這是設計的風格。只允許出現一次且成對出現 -->
<style>
/*這是圖形的整體寬和高（上面總體寫了，下面可以省略寬和高再相同尺寸的情況下*/
div{
width: 200;
height: 200;
}
/*這是a標記，他是唯一的，可尋找的下同!*/
/*三原色 紅綠藍即RGB 以16進製表示。例：紅色#FF0000*/
/*Float是漂浮的意思就是圖像向那個方向走*/
#a{
background-color: #00ff00;
float: left;
}
#b{
background-color: #ff0000;
float: left;
}
#c{
background-color: #0000ff;
float: left;
}
#d{
background-color: #11cc11;
float: left;
}
/*這是強制清除的指令！很重要*/
.clean{
width: 0px;
height:0px;
clear: both;
}
</style>
</head>
<body>
<!-- DIV是身份常用的指令 ID就是指定路徑 -->
<div id="a"></div>
<div class="clean"></div>
<div id="b"></div>
<div class="clean"></div>
<div id="c"></div>
<div class="clean"></div>
<div id="d"></div>
</body>
</html>
如圖所示
四：心得體會
第一次打代碼，心情不是特別的高漲，希望慢慢適應。