HTML
HTML：Hyper Text Markup Language（超文本标记语言）
HTML、CSS、JS三者的关系
网页主要由三部分组成：结构structure，表现Presentation，行为Behavior
webstorm快捷键
Ctrl+Alt+Z 多次撤销
Ctrl+? 注释快捷键
“标记”+Tab 标记快捷生成
标签
<html></html>
<head></head> 头标签
<title></title> 网页标题
<meta charset="UTF-8"> 元素
<body></body> 内容
<ul></ul> 无序列表
<ul>
<li></li>
<li></li>
</ul>
<ol><ol> 有序列表
<dl></dl> 定义型列表
<dl>
<dt>名词：</dt>
<dd>名词解析解释</dd>
</dl>
<pre></pre> 预格式文本
特殊字符
空格
其他 ：小黄书P18
<br/> 换行
引用文本
<blockquote>表示大段引用</blockquote>
<q>表示小段引用</q>
<cite>表示作品名字，网站名字，书名，以斜体表示</cite>
<span></span> 跨越多个字符
超链接
<a herf="http://www.baidu.com">百度</a>
<a href="#">返回顶部</a>
target="_blank" 在新窗口打开
<img src="card.gif" alt=""/> （img和html同级）
<img src="img/15120.jpg" alt=""/> （ img在文件夹内）
<img src="../img/15120.jpg" alt=""/>（HTML在文件夹内，img在img文件夹内，跳出本层）
<div></div> 划分区域，区块
加粗
<strong></strong> （语气更强）
<b></b>
斜体
<em></em> 语气更强
<i></i>
缩写：<abbr title="hyper text markup language">html</abbr>
<figure></figure>
<figure>
<img src="../img/15210.jpg" alt=""/>
<figcaption>米奇</figcaption>
</figure>
视频：<video src="../img/movie.mp4" controle autrole autoplay loop></video>
音频：<audio src="../img/mrbaluoke.wav" controle autrole autoplay loop></audio>
内联框架
<iframe src ="../../batman/index.html" frame boder="0" width="1000" height="500"></iframe>
表格<table></table>
<tr></tr> 行单元格
<td></td> 列单元格
<th></th> 表头
rowspan 设置单元格所占行数
colspan 设置单元格所占列数
<caption></caption> 表格的标题
<thead></thead>表格的头部 ； <tbody></tbody>;身体； <tfoot></tfoot>脚部
表单<form></form>
<form action="#" method="get"></form>
action 提交地址
method 提交方式 ： get || post（更安全）
type类型
<input type="text" placehoder="请输入内容"> 文本框
password 密码框 <input type="password" maxlength=“6”>
button 按钮
reset 重置
submit 提交
radio 单选框 checked（默认选项）
checkbox 多选框
select 下拉列表
<select name="" id="">
<option value="">天津<option>
<option value="">北京<option>
<option value="">上海<option>
</option>
idj具有唯一性
<label for="football">足球</football> 交互/关联
<textarea name="" id="" cols="30" rows=""></textarea> 文本域
html新增表单元素
email
url
number
range
date
month
week
time
datetime
datetime-local
search
tel
color
<article></article> 定义外部的内容，内层的article对外层有隶属关系
<section></section> 定义章节 通常一个section中一定有一个标题标记
<aside> 定义article以外的内容，aside内容应该与article内容相关
<header> 定义section或document的页眉
<footer> 定义section或document的页脚，例如版权信息
<nav> 定义导航链接的部分 （两种写法）
<nav>
<a href="#">新闻</a>
<a href="#">头条</a>
</nav>
<nav>
<ul>
<li><a href="#">新闻</a><li>
<li><a href="#">头条</a><li>
</ul>
</nav>
<sup> 定义上标文本
<sub> 定义下标文本
<time> 定义一个日期/时间
<adress> 作者拥有者的信息
