块级元素 block
特点：
- 独占一行；
- 可以设置宽高、行高及内外边距；
- 如果没有设置宽度的话，默认为其容器的宽度100%。
常见的块级元素：<div>、<p>、<form>、<header>、<aside>、<footer>、<h1>~<h6>、<article>、<hr>、<ol>、<ul>、<li>
行内元素 inline
也称内联元素，特点：
- 不可设置宽高，设置
margin仅左右生效，可设置padding； - 和其他非块级元素在一行上；
- 宽高由其内容决定。
常见的行内元素：<span>、<a>
行内块级元素 inline-block
特点：
- 可以设置宽高、行高及内外边距；
- 不会独占一行。
常见行内块级元素：<input>、<img>、<label>
<a>标签
属性
- href：hyper ref 超链接。
- target：指定在哪个窗口打开链接。
- download：下载（不靠谱）。
- rel = noopener：学JS之后再来补充（防止一个bug）。
<a>的href的取值
网址
- https
- http
- //：最高级，自动选择http还是https。 路径
/a/b/c以及a/b/c：以开启服务的目录为根目录。index.html以及./index.html：在当前路径找index.html文件。 伪协议javascript:代码;：点击<a>标签执行中间的代码。mailto:邮箱tel:手机号id#xxx：跳转到id="xxx"。
<a>的target的取值
内置名字
_blank：新窗口打开。_top：顶层窗口打开。_parent：上层窗口打开。_self：当前窗口打开。 程序员命名- window的name
- iframe的name
作用
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或电话等
<img>标签
作用
发出get请求，展示一张照片。
属性
- alt：用来设定图片的文字说明。
- src：后一般接图片地址（网络地址，相对/绝对路径）。
- height：高度。
- width：宽度。 只写高度（宽度），宽度（高度）会自适应。不要让图片变形！！
事件
- onload/onerror：监听图片是否加载成功。
响应式
max-width:100%
可替换元素
<table>标签
相关的标签
<body>
<table>
<thead> //表头
<tr> //table row 表的一行
<th></th> //table head 表头
</tr>
</thead>
<tbody> //表体
<tr>
<td></td> //table data 表的数据
</tr>
</tbody>
<tfoot></tfoot> //表尾
</table>
</body>
相关的样式
-
table-layout：布局表格单元格行列的算法
-
border-collapse：是否合并。
-
border-spacing：间隙大小。
