1、HTML
Hyper Text Markup Language 超文字標記語言
在HTML當中存在著大量的標籤，我們用HTML提供的標籤，將要顯示在網頁中的內容包含起來。
就構成了我們的網頁。

CSS：控制網頁內容顯示的效果

HTML+CSS=靜態網頁。只有展示功能
JS+Jquery=動態

內容由HTML決定，長成什麼樣由CSS決定

2、開始動手寫HTML頁面
1)、首先在桌面上隨便的建一個檔案。
2)、將建立的檔案的名稱改為.htm/.html
3)、開始寫基本的框架標籤

3、HTML標籤
p標籤：段落標籤
&nbsp:空格
h#:標題標籤

:註釋符

:圖片標籤，用來顯示圖片。
src:表示要顯示的圖片的路徑
height:圖片的高度 px
width:圖片的寬度 px
alt:當圖片由於某些原因顯示失敗的時候所顯示的文字
title:當游標移動到圖片上的時候顯示的文字

---

:水平分割線
:換行 >:> <:< &:& :字型標籤 size=1~7 7最大 color=顏色 face=字體系列 加粗 義大利斜體 印表機的字型 下劃線 刪除線 上標 勾股定理 下標 程式碼

編輯什麼格式，列印還是什麼 格式 圖片預設從右往左移

4、body當中的屬性
text 文字的顏色
link 超連結的顏色
alink 點選時超連結的顏色
vlink 點選後超連結的顏色
bgcolor 背景的顏色
background 背景替換成圖片

5、列表

無序列表 圓點

列表 type="disk" 實心圓點

有序列表 數字 type="a"從a開始排列

自定義列表

標題

內容 表示表格的標題(加粗) 中的屬性 align valign bgcolor width height colspan rowspan

面向物件

封裝

繼承

多型

C#迴圈

for迴圈

foreach迴圈

while迴圈

do-while迴圈

6、表格
語法

....

單元格內容

表示一行 表示單元格內容

cellspacing=“0px” 每個單元格的邊框於外面的邊框的距離
cellpadding=“0px” 單元格內的內容與單元格邊框的距離

跨行跨列的表格
colspan=“2” 跨列 跨2列

學生成績
語文	98
數學	99

rowspn=“2” 跨行 跨2行

張三	語文	98
	數學	95
李四	語文	88
	數學	91

7、表單

表單 屬性 action 表示要把裡面的資料提交到伺服器的路徑 method 表示要提交這些資料的形式 get 預設，以url提交，就是以位址列的方式提交 屬性 type 型別 type="text"文字框 type="password"密碼 type="submit"提交 提交名改 value="提交資料" type="reset" 重置 value="清空" name="txtName" name="txtPwd" 需要給文字框和密碼框賦值name、否則不能跳轉顯示在位址列上 type="radio" 單選 name="sex" name="married" 可以給他們分組 type="file" 開啟檔案 欄位集 性別 fieldset 元素的其餘內容的標題

下拉列表
size=“2” 下拉列表預設顯示2個

選項組 選項

文字框
cols 和rows屬性來規定textarea的尺寸
cols規定文字區的可見寬度
rows規定文字區的可見行數

使用者名稱:
密碼:

性別 男
女
婚姻狀況 已婚
未婚
石家莊 滄州 保定 廊坊 鄭州 駐馬店 洛陽 新鄉 武漢 黃岡 黃石 十堰 長沙 岳陽 衡陽 益陽

合同內容

8、Div+Span
能夠熟練掌握css+div佈局

層級元素，這一行只允許我的存在，不允許其他元素存在 佈局 不是獨佔一行的標籤，一般用來設定字型 樣式 承載頁面不能用標籤，要用 noresize 不移動邊框位置