Web基本介绍

Web基本介绍

• web标准

1. 结构层 – HTML  用来搭建网页的基本结构
2. 表现（样式）层 – CSS  用来美化网页
3. 行为（交互）层 – JavaScript  网站的交互

• HTML

1. 超文本标记语言
2. 计算机语言，不是编程语言
3. 文本，用来写字，其他的是不可以的
4. 超文本，不光能写字，还可以放超链接、图片、视频、音频……
5. 标记，特殊的标记标签

• 站点 – 就是一个文件夹

1. 方便管理项目
2. 命名需要符合规范

• 根目录

文件夹进入后的第一级目录就是根目录

• Vscode

1. 编辑器 – 下载地址：Visual Studio Code - Code Editing. Redefined
2. 打开编辑器
3. 打开创建好的文件夹
4. 在这个文件夹中创建以html为后缀的html文件，自动创建html’基本结构（骨架）
   1. 输入英文版的 ！→ 回车  
   2. 直接输入 html : 5 → 回车
5. 如何打开浏览器
   1. 右键 – Open In Default Browser  打开默认浏览器

（建议使用谷歌浏览器）

• 右键 – Open In Other Browsers  打开其他浏览器
  1. Microsoft Edge – Edge浏览器（新版的IE浏览器）
  2. Microsoft IE – IE浏览器
  3. Opera  -  欧鹏浏览器
  4. Mozilla Firefox – 火狐浏览器
  5. Google Chrome  -  谷歌浏览器
• 路径
  1. 相对路径
     1. /  下一级
     2. ../  返回上一级
     3. ../../ 返回上一级的上一级
  2. 绝对路径

                在当前电脑中从根目录开始读取该文件的路径

                不推荐使用

• 注释
  1. 写给自己或者其他开发者看的
  2. 我们的注释是不会被浏览器渲染出来的
  3. Html 的注释语法是<! - - 内容 - - >
  4. Css 的注释语法是/ * 内容 * /
  5. 快捷键 Ctrl + /