zoukankan html css js c++ java

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>

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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
38         P标签，段落
39         br ,换行
40         ==================小总结==================
41                 所有标签分为：
42                         块级标签： <div>(白板)， H系列（加大加粗），P标签（段落间有间距）
43                         行内标签： <span>（白板，不带特性）
44                 标签之间可以嵌套
45                     标签存在的意义，定位操作，CSS操作，JS操作
46                 PS:chorme  审查元素 放大鏡
47                     定位
48                     查看样式

HTML基础学习大纲1

 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>

input关联PY服务器

 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()

PY服务器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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
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"             重置

HTML学习大纲2

 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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
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健多选-->

HTML学习大纲3

 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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
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不能重复"

HTML学习大纲4

 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>

超链接a标签

 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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
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 = ''   合并列

HTML学习大纲4

 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; 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

 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>

表格2

 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>

表格3

 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             空格       &nbsp;
36             大于号     &gt;
37             小于号     &lt;
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

HTML学习大纲5

 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>

fieldset标签和label标签

查看全文

相关阅读:
vue技术分享之你可能不知道的7个秘密
 JVM知识总结-运行时区域划分
 如何使用加多宝(jdb)在linux下调试Java程序
 RabbitMQ 高可用之镜像队列
 Gson格式转换Integer变为Double类型问题解决
 IPv6地址表示方式
 MySQL truncate()函数的使用说明
 Java 实现判断主机是否能 ping 通
 MySQL 性能优化系列之一单表预处理
 Linux 查看CPU和内存的使用情况

原文地址：https://www.cnblogs.com/ujq3/p/7410038.html