老师的博客：https://www.cnblogs.com/liwenzhou/p/7988087.html
下面是常见的简写：
HTML中<p><br>的标签是这些英文单词的缩写：
<br>的英文全称是Barter rabbet，空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。有换行的作用
<p>的英文全称是Paragraph，<p>this is a Paragraph</P> ，段落的意思 。
HTML中其他标签是的英文单词缩写：
href： Hypertext Reference的缩写。意思是超文本引用
<a> ：anchor 的缩写。anchor ['æŋkə] 基本解释 n. 锚, 铁锚的。
URL ：全球资源定位器（Uniform Resource Locator）
img:image的缩写，图像
src：source的缩写，源文件
Bgcolor：background的缩写，意为：背景颜色
<! DOCTYPE> ：document type的缩写，文档类型的缩写
<abbr>：abbreviation,[ə,bri:vi'eiʃən]的缩写,省略;
<acronym>： 定义只取首字母的缩写 acronym：['ækrənim],首母缩略字
<address> ：定义文档作者或拥有者的联系信息 address：地址
HTML简介：
HTML：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
具有以下特点：
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
<!--这段代码是个浏览器看的，但是必需告诉编码的方式-->
<!--<meta charset="UTF-8">-->
<meta http-equiv="refresh" content="10000000;URL=http://localhost:63342/untitled/day47/review47.html?_ijt=6qbf1erdvu0hjnedngi17nfaci"
charset="UTF-8"
name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<title>我的第一个html文件</title>
<style></style>
</head>
<body>
<a href="top">#回到顶部</a>
<!--下面是代码的相应的英文-->
下面是在页面显示代码<br>
<u>underline 下划线</u><br>
<!--水平线-->
<s>strikethrounght 删除线</s><br>
<p h1>paragraph 段落</p><br>
<h>headline 标题</h>
<b>bold 粗体的</b>
<h1>headline1 标题1</h1>
<h2 >headline1 标题2</h2>
<!--就是标题是分等级的-->
<br>barter rabbet 换行
<hr>horizon rabbet 水平线<br>
<!--这是注释-->
<!-- 这是加粗的代码 -->
<div >这是个啥</div>
<div >这是个啥</div>
<span>这又是个啥</span>
<span>这又是个啥</span>
<img src="./下载.jpg" alt="你的哈士奇正在路上" title="哈士奇" width="50" height="33"/><br><br>
<a href="下载.jpg" target="_blank" color="red">跳转网页，target表示是否在新的窗口打开</a><br>
<a href="http://www.oldboyedu.com" target="_blank" >点我</a>
<!--列表-->
<ul title="无序列表" type="disc">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
<ul type="square">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol type="Ⅰ" start="10">
<li>有序列表</li>
<li>intruduce</li>
<li>intruduce</li>
<li>intruduce</li>
</ol>
<a href="#top">#回到顶部</a>
<d>
<dt>标题一</dt>
<dd>内容</dd>
<dt>标题二</dt>
<dd>内容</dd>
</d>
<table border="">
<thead>
<tr>
<th >teacher</th>
<th>age</th>
<th>hobby</th>
</tr>
</thead>
<tbody>
<tr>
<th>alex</th>
<th>43</th>
<th>somking</th>
</tr>
<tr>
<th>wusir</th>
<th>40</th>
<th>drinking</th>
</tr>
</tbody>
</table>
<input type=text" />text
<input type="password" />assword</input>
<input type="button" value="普通按钮" />
<input type="hidden" />1
</body>
</html>
div与span区别
div占用的位置是一行，
span占用的是内容有多宽就占用多宽的空间距离
补充：
<em>emphasize 不知为啥是个斜体</em>
form
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh"
content="100000;URL=http://localhost:63342/untitled/day48/day48.html?_ijt=ue1hkuutfj10ujdd6go6jfif14"
name="day48" content="review and study">
<title>day48 用户注册</title>
</head>
<body>
<form action="",method="post" enctype="multipart/form-data",autocmplete="on" novalidate>
<!--autocomplete :自动填充 novalidate ：不验证-->
<p>
<!--第一种写法-->
<label>姓名：</label>
<input type="text" name="name">
</p>
<p> <!--第二种写法-->
<label for="password">密码：</label>
<input id="password" type="text" name="password">
</p>
<p>
<lable>再次输入你的密码:</lable>
<input id="password_certain1" type="text" name="password" value="例如" disabled>
</p>
<p>
<lable>再次输入你的密码:</lable>
<input id="password_certain2" type="text" name="password" value="11" >
<!--value 就相当于值 你输入的东西，但可以改，除非你加了diabled-->
</p>
<p>
<lable>再次输入你的密码:</lable>
<input id="password_certain3" type="text" name="password" placeholder="例如124" >
<!--value 就相当于值 你输入的东西，但可以改，除非你加了diabled-->
<!--placeholder 占位符-->
</p>
<p>
<label>邮箱:</label>
<input type="email" name="email" placeholder="6144669711@qq.com">
</p>
<p>
<input type="hidden"name="hidden"value="hidden">
</p>
<p><!--选择 radio单选框，但是必需的加入键，及name，否者也是变为多选了-->
性别:
<input ID="1" type="radio"name="gender"value="male">
<label for="1">男性</label>
<input id="2" type="radio"name="gender"value="remale">
<label for="2">女性</label>
<input id="3" type="radio" checked name="gender"value="sex1">
<label for="3">保密</label>
<input id="4" type="radio" checked name="gender"value="sex2">
<label for="4">保密</label>
<!--checked name 表示首先这项，即你没有选择的时候，光标会自动在上面，以最后的那个为准-->
</p>
<p><!--多选框 checkbox 也有diable的选项-->
爱好:
<input type="checkbox"name="hobby"value="dirnk"disabled>drinking
<input type="checkbox"name="hobby"value="swim">swimming
<input type="checkbox"name="hobby"value="run">running
</p>
<p><!--生日-->
<label>生日:</label>
<input type="date"name="birthday">
</p>
<p><!--民族-->
<label>民族:</label>
<select name="nation">
<option>汉族</option>
<option>*</option>
<option>傣族</option>
<option>回族</option>
<option>蒙古族</option><option></option>
</select>
</p>
<p><!--地区-->
<lable>地区:</lable>
<select name="location">北京
<optgroup label="北京">
<option name="hb">海滨区</option>
<option name="cp">昌平区</option>
<option name="sy">顺义区</option>
</optgroup>
<optgroup label="重庆">
<option name="spb">沙坪坝区</option>
<option name="yz">渝中区</option>
<option name="yb">渝北区</option>
<option name="lp">梁平区</option>
</optgroup>
</select>
</p>
<p>
<label>自我介绍:</label>
<textarea name="introduce" cols="50" rows="50" placeholder="例如你的爱好兴趣特长">默认的内容</textarea>
</p>
<p>
<lable>照片:</lable>
<input name="photo" type="file">
</p>
<p>
<input type="submit" value="提交">
<input type="button" value="button">
<input type="reset" value="重置">
</p>
<p></p>
</form>
</body>
补充：
dead内:
rel：表示设定链接的关系：rel=same表示待链接的文件与此文件相同，rel=next表示待链接的文件为下一页，rel＝parent表示本文件为待链接文件的父文件，rel=previous则表示待链接的文件为上一页。详见:http://www.w3school.com.cn/tags/att_link_rel.asp
。