基本概念

1. 开放标签——闭合标签：针对成对出现的标签。闭合标签带有斜杠

2. 半闭合标签：单个标签

3. DOCTYPE:告诉浏览器使用的规范，即哪个版本的html

4. lang:当前网站的语言

< html lang="ch">

5. charset:字符集

< meta charset="UTF-8">

6. 注释：,快捷键：ctrl+/

7. head:代表网页头部

title:网页标签

body:网页主题

meta:描述性标签，描述网页信息

8. 块元素：该元素独占一行

行内元素：内容撑开宽度，左右都是行内元素可以独占一行

<link rel="stylesheet" href="路径">,引入外部样式

基本标签

1. 标题标签：

eg.< h1 >一级标题< /h1>

2. 段落标签：p+table

eg.< p>< /p>

3. 换行标签：仅仅换行

eg.< br/>

4. 水平线标签：

eg. < hr/>

5. 粗体标签：

eg.< strong>< /strong>

6. 删除线标签：

eg.< del>< /del>

7. 下划线标签：

eg.< ins>< /ins>

6. 斜体标签：

eg.< em>< /em>

9. < div>< /div>独占一行

< span>< /span>跨距

7. 特殊符号：

空格：& nbsp;

大于： & gt;

小于：& lt;

版权：& copy;

8. 图片标签：

src:图片地址

alt:加载不出来显示的文字

../：表示上一级目录

width,height图片的高与长

title：鼠标悬停文字

border: 图片边框

eg.< img src="" alt="">

9. 超链接：a+table

target=""窗口在哪里打开

_ blank:在新标签中打开

_ self：在自己的网页打开

锚链接：

标记< a name="" >< /a>

跳转< a href="#">< /a>

邮件链接：malito

< a href="mailto:路径">< /a>

< a href="路径">跳转的< /a>

空链接：href="#"

下载链接 href="文件或压缩包地址"，自动下载

10. 列表

• 有序列表 ：< ol>< /ol>

< li>< /li>

• 无序列表：< ul>< /ul>

< li>< /li>

• 自定义列表：< dl>< /dl>

< dt>标题< /dt>

< dd>列表名字< dd>

11.表格

< table>< /table>

< tr>< /tr>:行

< td>< /td>:列

< th>< /th>: 表头单元格，自动加粗居中

< td rowspan="跨行数>< /td>

< td colspan="跨列数"></ td>

align:left/right/center，表格相对于周围元素的对齐方式

border:表格边框,值为1或0

cellpadding:单元边沿与内容间的空白，默认1像素

cellspacing:单元格之间的空白，默认2像素

< thead>< /thead>:表格头部

< tbody>< /tbody>:表格主体

14. 媒体

• 视频:

controls :进度条

autoplay:自动播放，必要时muted=muted

loop:循环播放

poster=“ ”:加载等待图片

< video src="" controls autoplay> < /video>

• 音频：

< audio src="" controls autoplay> < /audio>

15. 新增语义化标签：

< header>:头部标签

< nav>:导航标签

< artical>:内容标签

< section>：定义文档某个区域

< aside>：侧边栏标签

< footer>：尾部标签