html中标签里写的都是字符串
http: // doc.nnzhp.cn / index.php?s = / Home / Item / show / item_id / 6
F12——Network——查看GET请求 / index.php?s = / Home / Item / show / item_id / 6 ，headers中，Content - Type: text / html
显示服务器response返回的结果为html
head中写的东西有个特点，就是一般不会在页面中呈现。但是title就可以看到，title是浏览器的标签名。
meta为自动闭合标签： < meta
charset = "UTF-8" >
title就为主动闭合标签： < title > 金牛座 < / title >
标签中都存在属性，有标签自带属性和自定义属性，自带属性在标签中空格就可以出来，比如http - equiv就为自带属性，没有空格出来的自己写的就是自定义属性。同一个标签中可以有N个属性。
< !--打开页面1秒后刷新 -->
< meta
http - equiv = "refresh"
content = "1" >
< !--打开页面1秒后跳转到百度 -->
< meta
http - equiv = "refresh"
content = "1;http://www.baidu.com" >
一般爬虫会爬取meta中的keywords项
< meta
name = "keywords"
content = "性能测试,自动化测试,安全测试,性能测试培训，北京性能测试培训，自动化测试培训，安全测试培训，手机自动化测试培训" >
meta中的description项，一般为网站描述
< meta
name = "description"
content = "网易旗下利用大数据技术提供移动互联网应用的子公司，过去8年，先后推出有道词典、有道翻译官、有道云笔记、惠惠网、有道推广、有道精品课、有道口语大师等系列产品，总用户量达到7亿。" >
< !--title的图标 -->
< !--rel代表告诉浏览器我要把link当做title的图标 -->
< link
rel = "shortcut icon"
href = "http://ui.imdsx.cn/static/image/dsx_Small.jpg" >
< link
rel = "shortcut icon"
href = "tubiao.ico" > 还可以是本地的图标
< !-- 引入css -->
< link
rel = "stylesheet"
href = "tmp.css" >
< !-- css样式 -->
< style > < / style >
< !-- 引入js和编写js -->
< script
src = "tmp.js" > < / script >
一个页面只可以存在一对html标签
< !-- < p > 段落标签 -->
< !-- < br > 换行标签 -->
< p > 年轻, 就是拿来折腾的。 < br >
让自己具备独立生活的能力，具备一技之长的资本，是需要无数个夜晚的静思，无数寂寞时光的堆积而成的。 < / p >
< !-- 标题标签
h1最大
h6最小
只需要记住先出生最大
自带属性 -->
< h1 > 大师兄 < / h1 >
< h2 > 大师兄 < / h2 >
< h3 > 大师兄 < / h3 >
< h4 > 大师兄 < / h4 >
< h5 > 大师兄 < / h5 >
< h6 > 大师兄 < / h6 >
< !--div是块级标签 -->
< !--块级标签无论自己有多大
都占面一整行 -->
< !--伪白板标签 -->
< div > 水电费 < / div >
< h1 > 大师兄 < / h1 > h1标签也是块级标签
< !--span行内标签
或叫
内联标签 -->
< !--行内自己有多大
就占多大 -->
< !--白板标签
没有附着任何css样式的就叫做白板标签 -->
如下两行会显示在一行
< span > 水电费 < / span >
< span > 水电费 < / span >
< a
href = "http://www.imdsx.cn" > 大师兄 < / a > a标签也是行内标签
< !--文本框
默认是text
文本框 -->
< !--name属性是跟后端交互的key
value属性是跟后端交互的值 -->
< !--{"username": "admin", "passwd": "123456"} -->
name和value没有先后顺序，也可以倒过来写，name中的值要和接口文档上的对应，后台才能接收到前端发来的请求
< input
type = "text"
placeholder = "请输入用户名"
value = "admin"
name = "username" >
< input
type = "text"
placeholder = "请输入密码"
name = "passwd" >
< !--passwd
密文 -->
< input
type = "password"
placeholder = "请输入密码"
name = "passwd" >
< !--radio
单选 -->
name = "sex"
name属性相同时，只能单选，如果女的那行name写成sex1，就不是单选了，两个都可点击
< span > 男 < / span > < input
type = "radio"
name = "sex" >
< span > 女 < / span > < input
type = "radio"
name = "sex" >
< !--check
box
多选框 -->
checked = "checked"
默认勾选
< span > 奔驰 < / span > < input
type = "checkbox"
checked = "checked" >
< span > 宝马 < / span > < input
type = "checkbox"
name = 'c'
value = '1' > 这里的name = 'c'
value = '1'
指的是可以通过这个向后台发送数据
< !--上传文件 -->
< input
type = "file" >
< !--表单标签 -->
< form
action = "http://www.baidu.com"
method = "post" > 比如提交到百度，使用的是post请求
< div > 换行一般通过 < div > 标签，而不是 < br >
< span > 用户名： < / span >
< input
type = "text"
placeholder = "请输入用户名" >
< / div >
< div >
< span > 密 & nbsp & nbsp & nbsp码： < / span > 浏览器只解析一次空格，保留多次空格要使用特殊字符
< input
type = "text"
placeholder = "请输入密码" >
< / div >
< div >
< !--button如果想要有操作
只能通过js绑定事件来做 -->
< input
type = "button"
value = "登录" >
< !--submit按钮如果和form表单连用则会直接触发请求 -->跳转到上面action的地址，可以直接刷新页面进行提交数据
< input
type = "submit"
value = "注册" >
< !--当reset和form表单连用时，会触发重置操作 -->可以将文本内容初始化为默认值
< input
type = "reset" >
< / div >
< / form >
< !--特殊转译符 -->
& ltp & gt & lt / p & gt
显示的是 < p > < / p >
< !--label扩展input的可点击范围 -->
< label
for ="i1" > 用户名 < / label > 通过和input里的id对应
< input
id = "i1"
type = "text"
placeholder = "请输入密码" >
< !--复文本标签 -->可以填写多行
< textarea > 金牛座复文本标签 < / textarea >
< !--下拉框标签 -->
< select
name = "s1" >
< option
value = "1" > 中秋 < / option > 通过name、value向后台传值
< option
value = "2" > 国庆 < / option >
< option
selected = "selected" > 都过不上 < / option > selected = "selected"
默认选中的意思
< / select >
< select >
< optgroup
label = "黑龙江" >
< option > 请选择城市 < / option >
< option > 哈尔滨 < / option >
< option > 牡丹江 < / option >
< / optgroup >
< optgroup
label = "河北" >
< option > 石家庄 < / option >
< option > 秦皇岛 < / option >
< / optgroup >
< / select >
< !--超链接标签 -->
< a
href = "http://www.baidu.com" > 跳转到百度 < / a >
< !--图片标签 -->
< img
src = "http://ui.imdsx.cn/static/image/dsx_Smal1l.jpg"
alt = "图片加载失败战士的文案"
title = "鼠标悬浮显示的文案" >
< !--列表
点的列表 -->
< ul >
< li > 第一列 < / li >
< li > 第二列 < / li >
< / ul >
< !--数字的列表 -->
< ol >
< li > 第一列 < / li >
< li > 第二列 < / li >
< / ol >
table
border = "1" > 加个外边框
< thead > 表头
< tr > 行
< th > id < / th > 列
< th > 请求方式 < / th >
< th > 请求参数 < / th >
< th
colspan = "2" > 操作 < / th > colspan = "2"
占两列
< / tr >
< / thead >
< tbody > 表体
< tr >
< td > 1 < / td >
< td
rowspan = "4" > post < / td > rowspan = "4"
占4行
合并同类
< td > {} < / td >
< td > 修改 < / td >
< td > 执行 < / td >
< / tr >
< tr >
< td > 1 < / td >
< td > {} < / td >
< td > 修改 < / td >
< td > 执行 < / td >
< / tr >
< tr >
< td > 1 < / td >
< td > {} < / td >
< td > 修改 < / td >
< td > 执行 < / td >
< / tr >
< tr >
< td > 1 < / td >
< td > {} < / td >
< td > 修改 < / td >
< td > 执行 < / td >
< / tr >
< / tbody >
< / table >
对齐格式：
ctrl + X
pycharm删除整行
快捷方式
