python之HTML
注释格式：
单行注释：<!--注释内容-->
多行注释：#注释内容-->
标签分类：
head标签中：
自闭合标签：(最好在标签后加/)
meta: 编码，跳转，刷新，关键字，描述，IE兼容
<meta charset="UTF-8">
<meta http-equiv="Refresh" Content="3"> 3秒刷新一次页面
<meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后进入新的网址
<meta name="keywords" content="xxx"> 网站关键字
<meta name="description" content="xxx"> 网站描述
<meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;">
主动闭合标签:
link:窗口栏图标
<link rel="shortcut icon" href="image/favicon.ico"> href后面的内容是该html文件所在的路径
title:窗口栏文字信息
<title>这是一个窗口栏</title>
style
script
body标签：<body>
块级标签：无论内容多少，选中的时候选择该行所有内容
符号： <a href="http://www.baidu.com">百 度  表示空格，多个表示多个空格(还有其他符号的表示方法)
p标签：表示一个段落，多个段落之间有空格
<p>这是一个段落</p>
br标签：表示同一个段落的换行
<p>这是第一行<br/>这是第二行</p>
h标签：标题，加数字表示字体大小（字体加大加粗）
<h1>这是一种字体</h1>
<h2>这是第二种字体</h2>
div标签：（白板）
<div></div>
...
行内标签：（无法设置高度，宽度，padding,margin）取决于内容的多少，即选中的时候只选择该长度的内容
span标签:（白板）多个该标签存在时内容都在同一行
<span>这是一个测试</span>
input标签：(配合form标签使用)(只有input标签的内容才传到后台)
<form action="xxx" method="GET"> 向指定地址发送相关信息,GET方法会把信息拼接到Url上并发送，但POST方法不放到Url上
<input type="text" /> 普通文本输入框
<input type="password" /> 密码输入框，输入时显示*
<input type="password" name="pwd"/> 提交后台后需要指明该标签的名称pwd，并且转为字典形式给后台：['pwd':'用户输入的密码']
<input type="text" name="query" value="默认">若Input标签是文本框类型，且有value存在时，value的值为文本框的默认值，即不输入就显示在文本框
<input type="button" value="登录"> 登录按钮
<input type="submit" value="登录2"> 提交表单时采用这种方式！
<input type="reset" name="重置"> 重置，重新清空文本框的输入等
</form>
---单选框（value name属性，name相同则互斥）（可以）
<form>
男：<input type="radio" name="gender" value=“1”/> radio类型为选择框,当多个radio类型时name一样时选择框互斥选，即只能选一个
女：<input type="radio" name="gender" value="2“/> 后台根据value取数据
其他：<input type="radio" name="gender" value="3" checked="checked">这里的checked是指默认选择其他！
<form>
---复选框（value，name属性，批量获取数据）
篮球:<input type="check box" name="test" value="1"/> 后台根据value处理数据，check box同样有checked属性
爱好:<input type="check box" name="test" value="2"/>
---上传文件(依赖form中的属性才可以上传)
<form enctype="mutipart/form-data">
<input type="file" name="fname"/>
</form>
---多行文本
<textarea name="meno" >默认值</textarea> 默认值不同于之前的value，而是直接将默认值放在中间，name是根据后台需要
---下拉框选择
<select name="city">
<option value="1" selected="selected">广东</option> name和value配合提交给后台处理数据
<option value="2">广西</option> selected是默认属性，默认选择广东
</select>
下拉框多选：
<select name="数字" multiple="multiple" size="2"> size是显示下拉框内容的行数
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
-------------------------------------
标签之间可以嵌套：
<div>
<div></div>
....
</div>
-------------------------------------
标签标识：(标识某一个标签，方便设计时定位该标签)(chorme审查元素的使用，样式)
<div id='i1'>text<div>
</body>
------------------------------------
#-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-简单尝试-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--指定编码-->
<meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后进入新的网址
<title>测试</title> <!--窗口标题栏-->
</head>
<body>
<form enctype="multipart/form-data">
请输入您的用户名<input type="text" name="用户名" value="张三"/><br/>
请输入您的密码<input type="password" name="密码" value="123456"/>默认是123456<br/>
<input type="submit" value="登录"/>
<input type="reset" name="重置"/>
<p>请选择您的性别！</p>
男：<input type="radio" name="gender"/><br/>
女：<input type="radio" name="gender"/>
<p>请选择您的兴趣爱好</p>
篮球<input type="checkbox" name="篮球"/><br/>
足球<input type="checkbox" name="足球/"><br/>
羽毛球<input type="checkbox" name="羽毛球"/>
<p>请输入您想对我们说的内容</p>
<textarea name="meno">默认没有</textarea>
<p>选择您的城市</p>
<select>
<option>广东</option>
<option>广西</option>
</select>>
<p>数字多选</p>
<select name="数字" multiple="multiple" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>>
<p>上传文件
<input type="file" name="fname">
</form>
</body>
</html>python之HTML
注释格式：
单行注释：<!--注释内容-->
多行注释：#注释内容-->
标签分类：
head标签中：
自闭合标签：(最好在标签后加/)
meta: 编码，跳转，刷新，关键字，描述，IE兼容
<meta charset="UTF-8">
<meta http-equiv="Refresh" Content="3"> 3秒刷新一次页面
<meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后进入新的网址
<meta name="keywords" content="xxx"> 网站关键字
<meta name="description" content="xxx"> 网站描述
<meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;">
主动闭合标签:
link:窗口栏图标
<link rel="shortcut icon" href="image/favicon.ico"> href后面的内容是该html文件所在的路径
title:窗口栏文字信息
<title>这是一个窗口栏</title>
style
script
body标签：<body>
块级标签：无论内容多少，选中的时候选择该行所有内容
符号： <a href="http://www.baidu.com">百 度  表示空格，多个表示多个空格(还有其他符号的表示方法)
p标签：表示一个段落，多个段落之间有空格
<p>这是一个段落</p>
br标签：表示同一个段落的换行
<p>这是第一行<br/>这是第二行</p>
h标签：标题，加数字表示字体大小（字体加大加粗）
<h1>这是一种字体</h1>
<h2>这是第二种字体</h2>
div标签：（白板）
<div></div>
...
行内标签：（无法设置高度，宽度，padding,margin）取决于内容的多少，即选中的时候只选择该长度的内容
span标签:（白板）多个该标签存在时内容都在同一行
<span>这是一个测试</span>
input标签：(配合form标签使用)(只有input标签的内容才传到后台)
<form action="xxx" method="GET"> 向指定地址发送相关信息,GET方法会把信息拼接到Url上并发送，但POST方法不放到Url上
<input type="text" /> 普通文本输入框
<input type="password" /> 密码输入框，输入时显示*
<input type="password" name="pwd"/> 提交后台后需要指明该标签的名称pwd，并且转为字典形式给后台：['pwd':'用户输入的密码']
<input type="text" name="query" value="默认">若Input标签是文本框类型，且有value存在时，value的值为文本框的默认值，即不输入就显示在文本框
<input type="button" value="登录"> 登录按钮
<input type="submit" value="登录2"> 提交表单时采用这种方式！
<input type="reset" name="重置"> 重置，重新清空文本框的输入等
</form>
---单选框（value name属性，name相同则互斥）（可以）
<form>
男：<input type="radio" name="gender" value=“1”/> radio类型为选择框,当多个radio类型时name一样时选择框互斥选，即只能选一个
女：<input type="radio" name="gender" value="2“/> 后台根据value取数据
其他：<input type="radio" name="gender" value="3" checked="checked">这里的checked是指默认选择其他！
<form>
---复选框（value，name属性，批量获取数据）
篮球:<input type="check box" name="test" value="1"/> 后台根据value处理数据，check box同样有checked属性
爱好:<input type="check box" name="test" value="2"/>
---上传文件(依赖form中的属性才可以上传)
<form enctype="mutipart/form-data">
<input type="file" name="fname"/>
</form>
---多行文本
<textarea name="meno" >默认值</textarea> 默认值不同于之前的value，而是直接将默认值放在中间，name是根据后台需要
---下拉框选择
<select name="city">
<option value="1" selected="selected">广东</option> name和value配合提交给后台处理数据
<option value="2">广西</option> selected是默认属性，默认选择广东
</select>
下拉框多选：
<select name="数字" multiple="multiple" size="2"> size是显示下拉框内容的行数
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
-------------------------------------
标签之间可以嵌套：
<div>
<div></div>
....
</div>
-------------------------------------
标签标识：(标识某一个标签，方便设计时定位该标签)(chorme审查元素的使用，样式)
<div id='i1'>text<div>
</body>
------------------------------------
#-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-简单尝试-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--指定编码-->
<meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后进入新的网址
<title>测试</title> <!--窗口标题栏-->
</head>
<body>
<form enctype="multipart/form-data">
请输入您的用户名<input type="text" name="用户名" value="张三"/><br/>
请输入您的密码<input type="password" name="密码" value="123456"/>默认是123456<br/>
<input type="submit" value="登录"/>
<input type="reset" name="重置"/>
<p>请选择您的性别！</p>
男：<input type="radio" name="gender"/><br/>
女：<input type="radio" name="gender"/>
<p>请选择您的兴趣爱好</p>
篮球<input type="checkbox" name="篮球"/><br/>
足球<input type="checkbox" name="足球/"><br/>
羽毛球<input type="checkbox" name="羽毛球"/>
<p>请输入您想对我们说的内容</p>
<textarea name="meno">默认没有</textarea>
<p>选择您的城市</p>
<select>
<option>广东</option>
<option>广西</option>
</select>>
<p>数字多选</p>
<select name="数字" multiple="multiple" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>>
<p>上传文件
<input type="file" name="fname">
</form>
</body>
</html>
浙公网安备 33010602011771号