第十四周課程（1-12章節）
HTML 裸體
CSS? ?穿華麗衣服
Javascript 動起來
一?HTML （20個標簽）
1.我們的瀏覽器是socket客戶端
2.一套規則，瀏覽器認識的規則
3.開發者：
學習html規則
開發后臺程序：
寫html文件（充當模版的作用），
數據庫獲取數據，然后替換到html文件的指定位置（web框架）
4.本地測試：
找到文件路徑，直接瀏覽器打開
pycharm打開測試
4.編寫html文件
在整個html文件里面html標簽只能有一個
doctype對應關系
類似html這種格式，都稱作html標簽? <html>abcd</html>
標簽內部可以寫屬性<html lang="en" name="alex">
單行和多行注釋：<!-- 注釋的內容 -->
head標簽里面其他標簽都看不到，只有title標簽在網址頂部能看到
5.標簽分類
- 自閉和標簽 ：建議后面加上/，比如 <br/>,? ?eg：?<meta charset="UTF-8">
- 主動閉合標簽? eg：?<title>badboy</title>
6. head標簽中
- <meta > 編碼，跳轉，刷新，關鍵字，描述， IE兼容
-title 標簽
-<link/>
- <style/>
- <script >
7. body 標簽:? 標簽內部字母大小寫不區分
- 圖標，空格 ? ? 大于號>? ? ? 小于號<
- p標簽：段落
- br標簽：換行
- h標簽：
- span標簽：
-----小總結----
所有標簽分為：塊極標簽：div(白板），H系列（加大加粗），p標簽（段落和段落之間有間距）
? ? ? ? ? ? ? ? ? ? ?行內標簽：span（白板）
標簽之間可以嵌套
標簽存在的意義：css操作，js操作起來方便
ps：chorme審查元素的使用（可以定位，查看樣式）
- input系列
? ?單行文本輸入
? ?input type='text? ? ?- name屬性, value= “趙帆”，表示輸入框內的默認值
? ?input type='password'? ? -name屬性
? ?input type='submit'? ? - value='提交',提交按鈕，表單
? ?input type='button'? ? ?-value='登錄'按鈕
?
? input type='radio'? ?-單選款 value，checked=checked表示默認勾選，name屬性（name相同則互斥）
??input type='radio'? ?-復選款 value，checked=checked表示默認勾選，name屬性（批量獲取數據）
?
? input type=‘file’? -表示上傳文件，但它依賴form表單的一個屬性，及在form表單里輸入enctype= "multipart/form-data", 這表示數據一點一點傳給服務器
? input type='reset'? -表示重置
?
?<textarea>默認值<textarea/>? -name屬性,表示多行文本輸入
?<select></select>? ? ? ? ? ? ? ? ?-表示下拉框選擇，name屬性，內部option，value，提交到后臺，size，multiple表示可以多選
總結：input系列，textarea和select標簽都是可以提交到后臺的
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <input type="text"> 9 <input type="password"> 10 <input type="submit"> 11 <input type="button"> 12 13 <form enctype="multipart/form-data"> 14 <div> 15 <select name="city" size="5"> 16 <option value="1">北京</option> 17 <option value="2">上海</option> 18 <option value="3" selected="selected">杭州</option> 19 <option value="4">深圳</option> 20 </select> 21 22 <select name="city" multiple=multipe size="5"> 23 <option value="1">北京</option> 24 <option value="2">上海</option> 25 <option value="3" selected="selected">杭州</option> 26 <option value="4">深圳</option> 27 </select> 28 29 <p>請選擇性別</p> 30 男：<input type="radio" name="same" value="1" checked="checked"> 31 女: <input type="radio" name="same" value="2"> 32 33 <p>請選擇愛好</p> 34 足球：<input type="checkbox" name="favor" name="1" checked="checked"> 35 籃球：<input type="checkbox" name="favor" name="2"> 36 臺球：<input type="checkbox" name="favor" name="3"> 37 38 <p>上傳文件</p> 39 <input type="file" name="fname"> 40 <div/> 41 42 <div> 43 <input type="submit" value="提交"> 44 <input type="reset" value="重置"> 45 <div/> 46 47 <div> 48 <textarea name="world">hello,world</textarea> 49 </div> 50 51 <form/> 52 53 </body> 54 </html>
?
二?CSS （顏色，位置。。。）
?
