1.html
一、排版标签：
h1-h6：标题从大到小
<h4>a</h4><br/> 换行
<hr> 分割线
<p>b</p>b 换行
<marquee behavior="" direction="right">hello</marquee> 字体飘过
二、html常用标签之列表：
1、无序列表
<ul type="circle">
<li>haha</li>
<li>haha</li>
</ul>
type属性：disc(实心圆点，默认) cricle(空心圆点) square(实心方块)
2、有序列表
<ol type="I">
<li>enen</li>
<li>enen</li>
</ol>
type属性：编号类型，默认整数，可选（1，A，a，I，i）
start属性：起始编号，默认1
三、a标签
<a href="http://www.baidu.com" target="_blank">跳转到百度</a><br>
<a href="1.html">跳转当前目录的html</a>
<a href="mailto:2020329697@qq.com">连接打邮箱</a>
<a href="1.py">下载1.py</a>
target:
_blank在新窗口打开目标网页；
_self在当前窗口打开目标网页
四、img
<img src="tupian.png" alt="找不到这个图片" height="500" width="500">
属性：
src-图像url-规定图像的url
alt-字符串-固定图像的替代文本
width-px/%-规定图像的宽
height-px/%-规定图像的高
border-px-图像的边框粗细
五、div和span
<div style='background-color:red;'>hello</div>
<span style='background-color:yellow;'>hello</span>
属性：
div：块级元素，是以另起一行渲染的元素
span：行内元素，不需另起一行
都没有实际意义，主要通过css为其赋予不同的表现。
六、table
<table border="1px" width="500px">
<tr>
<th>用户名</th>
<th>密码</th>
<th>年龄</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
解释：
<table></table> 表示表格的开始和结束
<tr></tr> 表示表格的一行
<td></td> 表示一个单元数据格
<th></th> 表示表格标题单元格，且加粗居中显示
属性：
width-px/% 表格的宽度
height-px/% 表格的高度
border-px 表格的边框的粗细
align-Left/center/right 元素的对齐方式
七、form(app.py)
py：pip3 install tornado 轻量级jango框架
import tornado.ioloop
import tornado.web
class MainHandler(tornado.web.RequestHandler):
def get(self):
username=self.get_argument('username')
salary=self.get_argument('salary')
print(username,salary)
self.write("Hello,world")
def post(self):
username = self.get_argument('username')
salary = self.get_argument('salary')
print(username,salary)
hobby=self.get_arguments('hobby')
print(hobby)
gender=self.get_arguments('gender')
print(gender)
self.write('this is a test')
application=tornado.web.Application([
(r"/index",MainHandler),
])
if __name__ == '__main__':
application.listen(8888)
tornado.ioloop.IOLoop.instance().start()
html:
<form action="http://localhost:8888/index" method="post" enctype="multipart/form-data">
用户名：<input type="text" name="username" placeholder="用户名">
密码：<input type="password" name="password" placeholder="密码">
<input type="button" value="普通按钮">
<input type="submit" value="提交数据">
<input type="reset" value="重置">
<input type="hidden" value="800" name="salary"><br>
<input type="file" ><br>
足球：<input type="checkbox" name="hobby" value="football">
篮球：<input type="checkbox" name="hobby" value="basketball" checked>
排球：<input type="checkbox" name="hobby" value="paiqiu"><br>
male:<input type="radio" name="gender" value="male" checked>
female:<input type="radio" name="gender" value="female"><br>
选择城市：<select name="city" id="city">
<option value="bj">北京</option>
<option value="sh" selected>上海</option>
<option value="gz">广州</option>
</select>
<br>
<textarea name="question" id="question" cols="30" rows="10">
默认内容
</textarea><br>
<label for="username">用户名</label>
<input type="text" name="username" id="username">
</form>
属性：
text:单行文本输入框，name服务端获取数据的名字，placeholder浮现在表单格里
password：密码输入框，不可见的
button：普通按钮
submit：提交按钮
reset：重置按钮
hidden：隐藏按钮，页面上不可见，但是服务端可以获取到
file：文本选择框，
注意：必须指定MINE类型enctype="multipart/form-data，只在method="post"有效
checkbox；复选框,checked默认选择
radio：单选框
select：下拉列表
- multiple：设置后允许多选
- disabled：禁止改下拉列表
- selected：首次显示时，为选中状态
- value：定义发忘服务器的选项值
textarea：多行文本框
- name：空件名称
- rows：设置显示行数（高度）
- cols：设置显示高度（宽度）
- disabled：布尔属性，禁用文本框
lable：表单修饰，不会呈现特殊效果，for属性应该与相关元素的id属性相同，结合css可以控制表单文本与控件对齐，美化表单。
