web前端学习笔记（web浏览器HTML简介）

一、工具

编辑器： vs code
插件： chinese 将英文界面改成中文
open in browser 在浏览器中打开
浏览器: 将谷歌设为默认浏览器

二、浏览器内核

浏览器： 浏览网页的平台
五大浏览器：苹果浏览器（safari）、火狐浏览器（firefox）、谷歌浏览器（chrome）、IE浏览器、欧朋浏览器（opera）

三、前端三大组成部分

1. HTML

标记语言
结构层
负责描述页面的语义、呈现页面结构

2. css

层叠样式表
表现层
负责美化网页

3. JavaScript

脚本语言
行为层
负责页面的交互效果

四、基本概念

1. HTML

超文本标记语言（Hyper Text Markup Language）
负责描述页面的语言，呈现页面的结构
HTML由标记标签去描述页面的语义

2. HTML文档

html文档=网页
html文档后缀名为.html

3. 标签

由尖括号包裹的关键词就是标签
标签分为单标签和双标签
双标签：一般成对出现，第一个叫做开始标签，第二个叫做结束标签（/ 关闭符）
单标签：严格模式下单标签是在开始标签中进行关闭
元素： 从开始标签到结束标签中的所有代码
空元素：没有内容的HTML元素

div中的内容

4. 注释

注释的内容在浏览器窗口中是不可见的
vs code中使用 ctrl+/ 来生成注释

五、HTML的基本结构

1. vs code中生成基本结构
   !+tab
   html:5+tab
2. html基本结构