老师的博客：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>
把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
button 没有herf选项，但是可以再button中添加a标签达到效果
。