该笔记基于bilibili黑马程序员pink老师前端入门教程p16——p39集

标签语义：突出重要性，比普通文字更重要

1）标签用来布局，一行只能放一个，小盒子

2）标签用来布局，一行可以放多个,大盒子

1）width和height对于一个图片，修改其一

2）属性间不分先后顺序，以空格分开

1）目录文件夹：普通文件夹，存放了相关素材，html文件、图片；

2）根目录：打开文件夹的第一层就是根目录

3）在Vscode中打开目录文件夹——>新建文件

4）相对路径：

同一级路径：src的属性值为文件名；

下一级路径：src的属性值为同一级路径文件名/下一级路径文件名；

上一级路径：src的属性值为../文件名

 5）绝对路径：在电脑中的地址（一般不用）只有在本电脑才有用；网址

标签用于定义超链接：作用是从一个页面链接道另一个页面。

1）链接的语法格式

_self  当前窗口打开页面     _blank  新窗口打开页面

2)链接分类

外部链接：跳转目标以  http://  开头

内部链接：文件名，请参考上述  相对路径  相关知识

空链接：#

下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件

网页元素链接:图片、音频等都可以添加超链接

锚点链接：点击可以快速定位到页面中的某个位置

在链接文本的href属性中，设置属性值为  #名字  的形式，如第二集

找到目标位置标签，里面添加一个id属性=名字，如第二季介绍

HTML中的注释以""结束，快捷键：ctrl+/

表格主要用于显示、展示数据

1)是用于定义表格的标签

2)标签用于定义表格中的行，必须嵌套在标签中

3)用于定义表格中的单元格，必须嵌套在标签中

4)字母td指表格数据（table data），即数据单元格的内容。

1)一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示

2)标签表示HTML表格的表头部分

1）:用于定义表格的头部。内部必须有标签。一般是位于第一行。

2）:用于定义表格的主体，主要用于放数据本体。

3）以上标签都是放在标签中。

1）合并单元格方式

跨行合并：rowspan="合并单元格的个数"；

跨列合并：colspan="合并单元格的个数"；

合并单元格后需删除多余的单元格。