本文介绍了Web标准的三个主要组成部分——HTML负责结构，CSS处理表现，JavaScript实现行为。接着，详细讲解了HTML的基础语法，包括标签的使用和关系。此外，提到了HTML5的DOCTYPE声明以及lang属性的应用。最后，讨论了VSCode的一些常用插件和快捷键，以提升代码编辑效率。
1.web 标准的构成：
主要包括结构(html),表现(css),行为(javascript)三个方面。
结构：用于对网页元素进行整理和分类
表现：用于设置网页元素的版式、颜色、大小等外观样式
行为：指网页模型的定义及交互的编写
2. HTML语法规范
2.1 基础语法
1.html标签是由尖括号包围的关键词
2.通常成对出现，双标签
3.有特殊的标签必须是单标签
2.2标签关系
分两类：包含关系和并列关系
3.HTML基本结构标签
3.1文档类型声明标签
<!DOCTYPE> 文档类型声明作用是告诉浏览器使用哪种html版本来显示网页
如：<!DOCTYPE html> 表示当前页面采取的是html5版本来显示页面。
注:<!DOCTYPE> 位于文档中的最前面的位置，处于html标签之前，并且它不是一个html标签，只是文档类型声明标签。
3.2 lang 用来定义当前文档显示的语言种类
lang="en"表示英语
lang="zh-CN" 表示中文 但是两个文档是可以同时显示两种语言的
3.3 结构标签
<html> </html> HTML标签 页面中最大的标签(根标签)
<head> </head> 文档的头部 必须在里面设一个标题标签title
<title> </title> 文本的标题 让页面拥有一个属于自己的网页标题
<body> </body> 文档的主题 元素包含文档的所有内容，页面内容基本都是放到body里面
例如:
<html>
<head>
<title>我是标题 </title>
</head>
<body> 基本内容</body>
</html>
4.vscode常用插件快捷键
- 快速复制一行 shift+alt+下箭头
- 选定多个相同的单词 ctrl+d 先双击选定一个单词，然后按下CTRL+d，可以往下依次选择相同的单词，这样同时修改相同的单
- 添加多个光标 ctrl+alt+上箭头
- 全局替换某个单词 ctrl+h
- 快速定位的某一行 ctrl+g
- 选择某个区块 按住shift+alt，然后拖动鼠标
- 放大或缩小整个编辑器界面 ctrl+ +或--
- 注释 ctrl+/
扫一扫
6307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
