HTML学习
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
1 <!DOCTYPE html> 2 <!--类似 html这种格式，标签，html标签 <html>dfgdgdg</html> 3 #标签内部的属性 --> 4 <html lang="en"> 5 <head> 6 <meta charset="UTF-8"> <!-- 指定编码 --> 7 <title>Title</title> <!-- 标题 --> 8 </head> 9 <body> 10 <a href="http://www.oldboyedu.com">老男孩教育</a> 11 <p>这是P1</p> 12 <p>这是在P2的BR前面<br />这是在P2的BR后面</p> 13 14 <h1>这是H1</h1> 15 <h2>这是H2</h2> 16 <h3>这是H3</h3> 17 <h4>这是H4</h4> <h5>这是H5</h5> <h6>这是H6</h6> 18 19 <span>这是span1111</span> 20 <span>这是span222</span> 21 <span>这是span333</span> 22 <span>这是span444</span> 23 24 <span>这是span555</span><span>这是span666</span><span>这是span777</span> 25 26 <div> 这是DIV111 </div> 27 <div> 这是DIV222</div> 28 <div> 这是DIV333 </div> 29 30 <div> 这是DIV444 </div> <div> 这是DIV555 </div> <div> 这是DIV666 </div> 31 32 <div> 33 <div> 这是DIV嵌套里的DIV </div> 34 <span> 这是DIV嵌套里的span </span> 35 </div> 36 37 38 </body> 39 </html>
1 HTML 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <form action="http://localhost:8889/index" method="get"> 9 <input type="text" name="user"/> 10 <input type="text" name="email"/> 11 <input type="password" name="pwd"/> 12 <!-- {'user':'用户输入账号','emall':'邮箱','pwd':'密码'}'--> 13 <!-- input type="button" value="button登陆"/ --> 14 <input type="submit" value="登submit陆" /> 15 </form> 16 17 <br /> 18 19 <form action="http://192.168.16.35:8888/index" method="post"> 20 <!-- get 通过内容发送 POST通过BODY发送 两种一样没有安全一说 --> 21 <input type="text" name="user"/> 22 <input type="text" name="email"/> 23 <input type="password" name="pwd"/> 24 <input type="button" value="button登陆"/> 25 <!--button白板 只是没有功能的按钮--> 26 <input type="submit" value="submit登陆"/> 27 </form> 28 29 </body> 30 </html>
1 import tornado.ioloop 2 import tornado.web 3 #pip3 install tornado 4 class MainHandler(tornado.web.RequestHandler): 5 def get(self): 6 print('使用get') 7 u = self.get_argument('user') 8 e = self.get_argument('email') 9 p = self.get_argument('pwd') 10 if u == '1' and e == '2' and p == '3': 11 self.write('OK登陆成功get') 12 else: 13 self.write('错误，登陆失败get') 14 def post(self,*args,**kwargs): 15 print('使用post') 16 u = self.get_argument('user') 17 e = self.get_argument('email') 18 p = self.get_argument('pwd') 19 print(u,e,p) 20 self.write('POST') 21 application = tornado.web.Application([ 22 (r"/index",MainHandler), 23 ]) 24 if __name__ == "__main__": 25 application.listen(8889)#监听端口8889 26 tornado.ioloop.IOLoop.instance().start()
1 HTML学习大纲 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式 49 input系列 50 input type='text' name属性 ，value='赵烦' 51 input type='password' name属性 ，value='赵烦' 52 input type='submit' value='提交'，提交按钮，表单 53 input type='button' value='登陆'按钮 54 55 input type='radio',checked="checked" 单选框 value ，name属性（name相同就互斥）checked默认选择 56 input type='checkbox' ,checked="checked" 复选框 value ，name属性（批量获取数据） checked默认选择 57 58 input type='file' 依赖form表单的一个属性 enctype="multipart/form-data" 59 input type="reset" 重置
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <form action="https://www.sogou.com/web"> 9 <input type="text" name="query"/> 10 <input type="submit" value="搜索"/> 11 </form> 12 </body> 13 </html>
1 <!--选择按钮--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <form enctype="multipart/form-data"> <!--上传文件--> 10 <div> 11 <input type="text"name="user"> 12 <p>请选择性别：</p> 13 男：<input type="radio" name="gender"value="1" checked="checked"/> 14 女：<input type="radio" name="gender"value="2" /> 15 变性：<input type="radio" name="gender" value="3"/> 16 <p>爱好：</p> 17 篮球：<input type="checkbox" name="favor" value="1"/> 18 游戏：<input type="checkbox" name="favor" value="2"checked="checked"/> 19 运动：<input type="checkbox" name="favor" value="3"checked="checked"/> 20 爬山：<input type="checkbox" name="favor" value="4"/> 21 唱歌：<input type="checkbox" name="favor" value="5"/> 22 旅游：<input type="checkbox" name="favor" value="6"/> 23 <p>技能：</p> 24 撩妹：<input type="checkbox" name="skill" value="1"/> 25 写代码：<input type="checkbox" name="skill" value="2"checked="checked"/> 26 <p>上传文件</p> 27 <input type="file" name="fname" /> 28 </div> 29 <input type="submit" value="提交"/> 30 <input type="reset" value="重置 31 "/> 32 </form> 33 34 </body> 35 </html>
1 HTML学习大纲 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式 49 input系列 50 input type='text' name属性 ，value='赵烦' 51 input type='password' name属性 ，value='赵烦' 52 input type='submit' value='提交'，提交按钮，表单 53 input type='button' value='登陆'按钮 54 55 input type='radio',checked="checked" 单选框 value ，name属性（name相同就互斥）checked默认选择 56 input type='checkbox' ,checked="checked" 复选框 value ，name属性（批量获取数据） checked默认选择 57 58 input type='file' 依赖form表单的一个属性 enctype="multipart/form-data" 59 input type="reset" 重置 60 61 <textarea name="meno">默认值在中间不是用VALUE，不是自闭合</textarea> 62 63 select标签 naem，内部oprion value,提交到后台，<!--size显示长度默认1，multiple多选按住CTRL健多选-->
1 <!--多行和下拉框--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <form> 10 <div> 11 <select name="city" size="10" multiple="multiple"> <!--size显示长度默认1，multiple多选按住CTRL健多选--> 12 <option value="1">北京</option> 13 <option value="2">上海</option> 14 <option value="3" selected="selected">南京</option> 15 <option value="4">成都</option> 16 </select> 17 </div> 18 19 <textarea name="meno">默认值在中间不是用VALUE，不是自闭合</textarea> 20 21 <input type="submit" value="提交"/> 22 <input type="reset" value="重置 23 "/> 24 </form> 25 26 </body> 27 </html>
1 HTML学习大纲 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式 49 input系列 50 input type='text' name属性 ，value='赵烦' 51 input type='password' name属性 ，value='赵烦' 52 input type='submit' value='提交'，提交按钮，表单 53 input type='button' value='登陆'按钮 54 55 input type='radio',checked="checked" 单选框 value ，name属性（name相同就互斥）checked默认选择 56 input type='checkbox' ,checked="checked" 复选框 value ，name属性（批量获取数据） checked默认选择 57 58 input type='file' 依赖form表单的一个属性 enctype="multipart/form-data" 59 input type="reset" 重置 60 61 <textarea name="meno">默认值在中间不是用VALUE，不是自闭合</textarea> 62 63 select标签 naem，内部oprion value,提交到后台，<!--size显示长度默认1，multiple多选按住CTRL健多选--> 64 65 66 a标签 67 跳转 68 锚点 href="#标签的ID不能重复"
1 <!DOCTYPE html> 2 <!--超链接a标签--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <a href="http://www.baidu.com" target="-_blank"> 百度 </a> 10 <br /> 11 <br /> 12 13 <a href="#i1"> 第一章 </a> 14 <a href="#i2"> 第二章 </a> 15 <a href="#i3"> 第三章 </a> 16 <a href="#i4"> 第四章 </a> 17 <div id="i1" style="height: 600px;">第一章的内容</div> 18 <div id="i2" style="height: 600px;">第二章的内容</div> 19 <div id="i3" style="height: 600px;">第三章的内容</div> 20 <div id="i4" style="height: 600px;">第四章的内容</div> 21 </body> 22 </html>
1 HTML学习大纲 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式 49 input系列 50 input type='text' name属性 ，value='赵烦' 51 input type='password' name属性 ，value='赵烦' 52 input type='submit' value='提交'，提交按钮，表单 53 input type='button' value='登陆'按钮 54 55 input type='radio',checked="checked" 单选框 value ，name属性（name相同就互斥）checked默认选择 56 input type='checkbox' ,checked="checked" 复选框 value ，name属性（批量获取数据） checked默认选择 57 58 input type='file' 依赖form表单的一个属性 enctype="multipart/form-data" 59 input type="reset" 重置 60 61 <textarea name="meno">默认值在中间不是用VALUE，不是自闭合</textarea> 62 63 select标签 naem，内部oprion value,提交到后台，<!--size显示长度默认1，multiple多选按住CTRL健多选--> 64 65 66 a标签 67 跳转 68 锚点 href="#标签的ID不能重复" 69 70 img 71 src 72 alt 73 title 74 列表 75 ul 76 li 77 ol 78 li 79 dl 80 dt 81 dd 82 表格 83 table 84 thead 表头 85 tr 86 th 87 tbody 内容 88 tr 89 td 90 colspan = '' 合并行 91 rowspan = '' 合并列
1 <!DOCTYPE html> 2 <!--图片和列表--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <a href="http://www.baidu.com"> 10 <img src="1.jpg" title="大大的美女" style="height: 200px;width: 200px;" alt="美女"> 11 </a> 12 <ul> 13 <li>ul列表1</li> 14 <li>ul列表2</li> 15 <li>lu列表3</li> 16 <li>lu列表4</li> 17 </ul> 18 19 <ol> 20 <li>ol列表1</li> 21 <li>ol列表2</li> 22 <li>ol列表3</li> 23 </ol> 24 25 <dl> 26 <dt>dl中dt列表1</dt> 27 <dd>dl中dd列表2</dd> 28 </dl> 29 30 31 </body> 32 </html>
1 <!DOCTYPE html> 2 <!--表格1--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <table border="1"> 10 <tr> 11 <td>第一行，第1列</td> 12 <td>第一行，第2列</td> 13 <td>第一行，第3列</td> 14 </tr> 15 <tr> 16 <td>第二行，第1列</td> 17 <td>第二行，第2列</td> 18 <td>第二行，第3列</td> 19 </tr> 20 </table> 21 </body> 22 </html>
1 <!DOCTYPE html> 2 <!--表格2--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <table border="1"> 10 <tr> 11 <td>主机名</td> 12 <td>端口</td> 13 <td>操作</td> 14 </tr> 15 <tr> 16 <td>192.168.1.100</td> 17 <td>8888</td> 18 <td> 19 <a href="s2.html">查看详细</a> 20 <a href="#">修改</a> 21 </td> 22 </tr> 23 </table> 24 </body> 25 </html>
1 <!DOCTYPE html> 2 <!--表格3--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <table border="1"> 10 <thead> 11 <tr> 12 <th>表头1</th> 13 <th>表头2</th> 14 <th>表头3</th> 15 <th>表头4</th> 16 </tr> 17 </thead> 18 <tbody> 19 <tr> 20 <td>单格内容1</td> 21 <td>单格内容2</td> 22 <td>单格内容3</td> 23 <td>单格内容4</td> 24 </tr> 25 <tr> 26 <td>合并行内容1</td> 27 <td colspan="3">合并行内容2</td> 28 </tr> 29 <tr> 30 <td rowspan="2">合并列内容1</td> 31 <td >合并列内容2</td> 32 <td >合并列内容3</td> 33 <td >合并列内容4</td> 34 </tr> 35 <tr> 36 <td >合并列内容5</td> 37 <td >合并列内容6</td> 38 <td >合并列内容7</td> 39 </tr> 40 <tr> 41 <td>单格内容5</td> 42 <td>单格内容6</td> 43 <td>单格内容7</td> 44 <td>单格内容8</td> 45 </tr> 46 </tbody> 47 </table> 48 </body> 49 </html>
1 HTML学习大纲 2 1、一套规则，浏览器认识的规则。 3 2、开发者： 4 学习HTML规则 5 开发后台程序： 6 -写HTML文件（充当模板的作用）***** 7 -数据库获取数据，然后替换到HTML文件到指定位置（WEB框架） 8 3、本地测试 9 -找到文件，直接用浏览器打开 10 -PYcharm打开测试 11 4、编写HTML文件 12 -doctype对应关系 13 -html标签，标签内部可以写属性 只能一一个 14 -注释： <!-- 注释的内容 --> 15 5、标签分类 16 -自闭合标签 很少 17 页面编码1 <meta charset="UTF-8"> 18 页面编码2 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 19 自动刷新 <meta http-equiv="Refresh" content="3"> 20 跳转 <meta http-equiv="Refresh" content="5; Url=http://www.baidu.com" /> 21 关键词 <meta name="keywords" content="汽车图片"/> 22 描述 <meta name="description" content="汽车之家"/> 23 IE兼容 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 24 -主动闭合标签 25 title>老男孩</title> 26 6、head标签中 <head> 内容 </head> 27 <meta ->编码，跳转，刷新，关键字，描述，IE兼容 28 <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;"/> 29 title标签 30 <link /> 搞图标 31 <style /> 32 <script> 33 7、body标签 <body> 内容 </body> 34 图标，各种符号 35 空格 36 大于号 > 37 小于号 < 38 P标签，段落 39 br ,换行 40 ==================小总结================== 41 所有标签分为： 42 块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距） 43 行内标签： <span>（白板，不带特性） 44 标签之间可以嵌套 45 标签存在的意义，定位操作，CSS操作，JS操作 46 PS:chorme 审查元素 放大鏡 47 定位 48 查看样式 49 input系列 50 input type='text' name属性 ，value='赵烦' 51 input type='password' name属性 ，value='赵烦' 52 input type='submit' value='提交'，提交按钮，表单 53 input type='button' value='登陆'按钮 54 55 input type='radio',checked="checked" 单选框 value ，name属性（name相同就互斥）checked默认选择 56 input type='checkbox' ,checked="checked" 复选框 value ，name属性（批量获取数据） checked默认选择 57 58 input type='file' 依赖form表单的一个属性 enctype="multipart/form-data" 59 input type="reset" 重置 60 61 <textarea name="meno">默认值在中间不是用VALUE，不是自闭合</textarea> 62 63 select标签 naem，内部oprion value,提交到后台，<!--size显示长度默认1，multiple多选按住CTRL健多选--> 64 65 66 a标签 67 跳转 68 锚点 href="#标签的ID不能重复" 69 70 img 71 src 72 alt 73 title 74 列表 75 ul 76 li 77 ol 78 li 79 dl 80 dt 81 dd 82 表格 83 table 84 thead 表头 85 tr 86 th 87 tbody 内容 88 tr 89 td 90 colspan = '' 合并行 91 rowspan = '' 合并列 92 label标签 93 用于点击文件，使得关联得标签获取光标 94 < label for ="username" > 用户名： < / label > 95 < input id = "username" type = "text" name = "user" / > 96 97 fieldset 一般用不到 98 legend
1 <!DOCTYPE html> 2 <!--fieldset标签和label标签--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 </head> 8 <body> 9 <label for="username">用户名：</label> 10 <input id="username" type="text" name="user"/> 11 12 <fieldset> 13 <legend>登陆</legend> 14 </fieldset> 15 16 <fieldset> 17 <legend>登陆</legend> 18 <label for="name">用户名：</label> 19 <input id="name" type="text" name="user"/> 20 <br /> 21 <label for="pwd">密码：</label> 22 <input id="pwd" type="text" name="user"/> 23 </fieldset> 24 </body> 25 </html>
