python web前端
概述HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。
浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：djangomoan模版引擎)
[*]写js代码
< script type="text/javascript" > ... </script >
body标签
标签一般分为两种：行内标签和块级标签；
块级标签： div（白板），H系列（加大加粗），p标签（段落和段落之间有间距）
行内标签： span（白板）
[*]标签之间可以嵌套
[*]标签存在的意义，css操作，js操作
P和br标签
<p>段落</p> <!--p表示段落，默认段落之间是有间隔的！-->
<br/> <!--br是换行-->
a标签
跳转：
<a href="http://www.baidu.com" target="_blank">点我</a>
<!--href表示跳转的地址，target="_blank"表示新窗口打开，默认为当前页-->
锚：
<body>
<a href="#1">第一章</a><br/>
<a href="#2">第二章</a><br/>
<a href="#3">第三章</a><br/>
<a href="#4">第四章</a><br/>
<div id="1" style="height: 600px;">第一章的内容</div>
<div id="2" style="height: 600px;">第二章的内容</div>
<div id="3" style="height: 600px;">第三章的内容</div>
<div id="4" style="height: 600px;">第四章的内容</div>
</body>
h标签
标题h1、h2、h3、h4、h5、h6、h7表示不同的大小；
div标签
块级标签-白板，可以设置属性；
span标签
行内标签-白板
input系列
[*]text
<input type="text" name="user"/>
[*]password
<input type="password" name="passwd"/>
[*]submit
<input type="submit" value="登录"/>
[*]button
<input type="button" value="登录"/>
[*]radio 单选框
<p>请选择性别:</p>
男:<input type="radio" name="sex" value="1" checked="checked"/>
女:<input type="radio" name="sex" value="2"/>
页面效果如下：
[*]checkbox 多选框
<p>爱好</p>
篮球:<input type="checkbox" name="favor" value="1" checked="checked"/>
足球:<input type="checkbox" name="favor" value="2"/>
台球:<input type="checkbox" name="favor" value="3"/>
<!--checked="checked"表示默认选择-->
页面效果如下：
[*]file 上传文件
<input type="file" name="fname"/>
页面效果如下：
[*]reset 重置
<input type="reset" value="重置"/> 页面效果如下：
页:
[1]