第十四周课程（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 （颜色，位置。。。）