<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>
这样就能告诉浏览器使用GB2312方式显示中文
如果 GB2312不行，就用UTF-8 属性用来修饰标签的
比如要设置一个标题居中
<h1 align="center">居中标题</h1>
写在开始标签里的 align="center" 就叫属性
align 是属性名
center 是属性值
属性值应该使用双引号括起来 html使用<!-- --> 进行注释
ctrl+/ h1...h6
<h1> </h1> <p></p> <b></b>
<strong></strong>推荐 <i></i>
<em></em> 写代码
<pre></pre> <del></del> <ins></ins> <img src="./01.jpg" width="200px" height="200px" alt="这个是一个图片"/>
src:图片路径
01.绝对路径
https://how2j.cn/example.gif
file://D:\develop\Bandizip\icons\default\egg.ico
02.相对路径
同级：文件名.jpg
上一级：../文件名.jpg
width:宽度
height：高度
alt：描述图片，图片出错时提示 <a href="http://www.12306.com" target="_blank" title="跳转到http://www.12306.com">12306</a>
href:超链接路径 同src设置
target：页面打开方式
_blank:空白页
_self:当前页
title：提示文字
使用图片作为超链接：
<a href="https://baidu.com"><img src="01.gif"/></a> <table border="1px" width="200px">
//border 边框 width:宽度
<tr bgcolor="red"> //行
<td width="30px" align="left" valign="top" colspan="2" rowspan="2" bgcolor="gray"> //列
//width:30px(绝对) 50%（相对）
//align:对齐方式 left right center
//valign:垂直对齐 top middle bottom
colspan:水平合并，横跨列
rowspan:垂直合并，横跨行
bgcolor:背景颜色
</td>
</tr>
</table> <ul>
<li></li>
</ul> <ol>
<li></li>
</ol> <div></div>
<span></span>
区别：
div是块元素，即自动换行
常见的块元素还有h1,table,p
span是内联元素，即不会换行
常见的内联元素还有img,a,b,strong <font color="blue" size="+2">蓝色大2号字体</font>
color：颜色
颜色的表示方法：
单词：red、blue
16进制：#ff0000
颜色速查手册.
size：大小
颜色名 十六进制颜色值 颜色 <iframe src="https://how2j.cn/" width="600px" height="400px">
</iframe> <input type="text" size="10" value="有初始值的文本框" placeholder="请输入账号">
text：单行文本框
size:长度
value：最初值
placeholder：背景文字 <input type="password"> <form></form>
用于向服务器提交数据，比如账号密码
提交方法：
get
<form method="get" action="https://how2j.cn/study/login.jsp">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="submit" value="登陆">
</form>
post
<form method="post" action="https://how2j.cn/study/login.jsp">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="submit" value="登陆">
</form>
get和post的区别
get
是form默认的提交方式
如果通过一个超链访问某个地址，是get方式
如果在地址栏直接输入某个地址，是get方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据，比如上传文件
post
必须在form上通过 method="post" 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据，比如上传文件 <input type="radio" checked="checked" name="name">
radio:设置为单选框
checked="checked"：默认选中
name:设置分组，name相同为一组，其中只能选中一个 <input type="checkbox"> <select size="2" multiple="multiple" selected="selected" >
<option >苍老师</option>
<option >高树玛利亚</option>
<option >遥美</option>
</select>
size:显示个数
multiple="multiple"：多选
selected="selected" ：默认选中 <textarea cols="30" rows="8"></textarea>
cols：列
rows：行 <input type="button" value="一个按钮">
普通按钮不能提交 button
<form action="/study/login.jsp" method="get">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="button" value="登陆">
</form>
提交按钮 submit
<form action="/study/login.jsp" method="get">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="submit" value="登陆">
</form>
重置按钮 reset
<form action="/study/login.jsp">
账号：<input type="text" name="name"> <br/>
密码：<input type="password" name="password" > <br/>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form> <button></button>原文：https://www.cnblogs.com/lyjs0012/p/12380314.html