布局
- header 定义文档或文档页眉
- nav 定义导航链接的容器
- section 定义文档的节
- article 定义独立的自包含文章
- aside 定义内容之外的内容(如侧栏)
- footer 定义文档或节的页脚
- details 定义细节
- summary 定义details元素的细节
响应式设计(以可变的尺寸传递网页)
- 自己设计
- 使用现成的CSS框架
块
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <table>
内联元素在显示时通常不会以新行开始。
例子：<b>, <td>, <a>, <img>
div元素
<div>可定义文档中的分区或节<div>标签可以把文档分割为独立的、不同的部分。
span元素
<span>标签被用来组合文档中的行内元素。
路径
绝对路径
- 绝对文件路径是指向一个因特网文件的完整 URL：
- 例：
<img src="https://seaantwh/source/images/picture.jpg" alt="star">
相对路径
相对路径指向了相对于当前页面的文件。
实例
<img src="picture.jpg">picture.jpg 位于与当前网页相同的文件夹
<img src="images/picture.jpg">picture.jpg位于当前文件夹的images文件夹中
<img src="/images/picture.jpg">picture.jpg当前站点根目录的images文件夹中
<img src="../picture.jpg"> picture.jpg 位于当前文件夹的上一级文件夹中
