html5学习笔记

一.使用说明

1.画笔工具

双击运行，ctrl 1：放大查看；ctrl 2：画图标注

2.使用技巧

①.使用记事本写完代码看不到后缀名：查看 - 显示 - 选中文件拓展名

②.测量直接使用像素大厨代替PS

二.基础概念

1.网页

2.HTML

3.网页的形成

由网页元素组成，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户。

4.浏览器

①.常用浏览器

②. 浏览器内核

 5.Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合，W3C（万维网联盟）是国际最著名的标准化组织。

①.为什么使用web标准

②.web标准的构成（面试常问）

相对来说，三者中结构最重要。

三.HTML

1.html标签

①.语法规范

 ②.标签关系

2.基本结构标签

3.开发工具

VSCode：ctrl+n 新建文本文档

                ctrl+s 保存为后缀为.html格式的文档

                ctrl+z 返回上一步

                使用“！”快速生成页面框架，按下Tab

                单击鼠标右键，在弹出窗口中选中，访问页面。

VSCode常用插件：

VSCode常用快捷键：

VSCode工具生成骨架标签新增代码

①.！DOCTYPE

②.lang 语言种类

③.字符集

4.常用标签

①.标题标签<h1>-<h6>

②.段落和换行标签

③.文本格式化标签

④.<div>和<span>标签

<div>和<span>标签没有语义，是一个用来装内容的盒子。

⑤.图像标签和路径

5.1 图像标签

图像标签注意点：

5.2 路径

如果多层嵌套，可以叠加多个../../../

⑥.超链接标签

6.1 链接的语法格式

6.2 链接的分类

⑦.html中的注释和特殊字符

7.1 注释

7.2 特殊字符

⑧.表格标签

8.1 表格的作用

8.2 表格的基本语法

8.3 表头单元格标签

8.4 表格属性（常用css实现）

8.5 表格结构标签

8.6 合并单元格

（1）.合并单元格方式

          

（2）.目标单元格：（写合并代码）

         

（3）.步骤

          

⑨.列表标签