crlt+? pycharm的注释快捷键
html标签,是网页最大标签,所有设置这里
head 标签:网页的标题,页面相关设置 必须要有的标签:<meta charest="utf-8">解码
body标签:直接显示在页面的内容
标题标签
h1 一级标题
h2 二级标题
h1 - h6 一级到六级
#独占一行
段落标签
p
#独占一行
文段输<br>
强制换行
无序列表
ul
<li>通过这个标签显示
#独占一行,一个点
有序列表
ol
<li>通过这个标签显示
#独占一行,一个序列1、2、3/ a,b,c/...
在开始标签后面加入 type= “1” 表示 以1、2、3、作为序列
start= “2”,表示从2开始
自定义列表
dl dd dt
dl #声明一个自定列表
dd # 前面有空格
dt #顶格
表格标签
table#声明表格标签
#border:设置边框是否显示。 border:“1”
#cellpadding :设置表格内容距离边框距离 cellpadding:“10px”
#cellspacing:设置表格与表格之前的间距:cellspacing:"1"
#width:表格常用宽度
#height:表格常用高度
tr :行 #第一行 、有属性 colspan- “3”,设置水平方向一个单元格占据宽度,(用于合并单元格时候,把表示合并掉单元格注释掉)
td :列 #第一行第一列 rowspan = "2",设置垂直方向一个单元格占据宽度,(用于合并单元格时候,把表示合并掉单元格注释掉)
td: 列 #第一行第二列
tr: #第二行
td:列 #第二行第一列
td:列 #第二行第二列
#valign = “top”、valign = “bottom”、文字选择垂直方向的哪里,默认居中
#align = “right”、align = “left”(默认)。align=“center”、文字选择放在水平方向的哪里,默认左
【注意】:tr设置影响整行。td设置影响单个单元格
tr:
th colspan = ”4“ #表头,4个单元格
二、HEML的行级标签##不独占一行
a 标签 超链接标签
#href后面接上要跳的网址
<a href="http://ww.baidu.com">百度</a> #标签里面必须有href
<a href="C:\\Usres\\11.txt">跳转到本地文件</a> #这是绝对路径,推荐使用相对路径
<a href=".\11.txt">跳转到本地文件</a> #x相对路径
#target属性“_blank”,新窗口跳转页面
<a href="http://ww.baidu.com" targe=“_blank”>百度</a>
图像标签img标签
img##单标签
src:图片的地址(网络资源或者本地资源)
alt:用于图片加载的替代文字!!!(必须存在)
width:图片的宽#只设置一个会等比例拉伸
height:图片的高#只设置一个会等比例拉伸
titie:鼠标放在图片上显示的文字(可写可不写)
<img src=“http:\\xxxxxxx” width=“200px” height = “1000px” alt=“xxxx” title=“xxxx” >
文本标签
b标签:加粗 #双标签!!把想要加粗的文字用双标签圈起来
i 标签:倾斜 #双标签!!把想要倾斜的文字用双标签圈起来
strong 标签:强调加粗 #双标签!!把想要加粗的文字用双标签圈起来
em标签:强调倾斜 #双标签!!把想要加粗的文字用双标签圈起来
<b>这里变加粗<\b>
span#无语义的行级元素,配合CSS使用,来设置文本一部分内容
span标签# 双标签
<span style = "color = red”>注意</span>##吧注意这个词变成红色
常用的实体字符:
转义格式参考xml文件
  一个空格符。#文本输入空格只显示一个,要用多个 显示多空格
表单标签
用form标签划定一个表单区域
属性:
action:数据提交地址
mechod:提交方式(1、get 2 、post)
#上面两个属性必须存在
<form action= "" method= "post" enctype ="mulitipart/form=data">, enctype是上传文件转码
method只有两个属性 get/post,get通过url输入数据,数据会显示在url上,不安全
post :不会显示在url上,表单一般使用post~
<input type= "text",name = “xxxx”,value=“11233”>
#input必须有name属性!!!
#type属性:
text表示普通文本
password:表示密码
<input type= "radio",name = “sex” value=“11>男 radio:单选,单选框里的name必须相同
<input type= "radio",name = “sex” value=“1>女 必须存在value,value= “xx”不同才能收集数据
checkbox:多选,多选框里的name必须相同
必须存在value,value= “xx”不同才能收集数据
###不一样的select:下拉表格,不用input,但是在selec的子级输入option标签内容是下拉选项###两个都是双标签
<select name="xueli">
<option value=“1>小学<option>
<option value=“3>初中<option>
<option value=“2>大学<option>
用户名<input type= "text",name = “xxxx”,value=“11233”>
#input单标签,name和value组成,name=“value”,value首先显示在表单里面
密码:<input type= "pasword",name = “xxxx”>
文件上传:<form action= "" method= "">,
<input type= "file",name = “file”
按钮
<form action= "" method= "">,
<input type= "submit",values = “确定”
重置
<input type="reset" value="重置">
隐藏域hidden#不需要用户输入和查看的信息
<input type= "hidden",name=“id"values = “0”
input里面的属性,直接标签里面写。dsabled,禁用,变成灰色,按不了
直接标签里面写 redonnly,只读,不会变灰色,也按不了
placeholder=“xxxxx” 。灰色的xxxxx,用于提示用户输入什么内容