目录
1.基础知识
1.1 HTML
指超文本标记语言(hyper text markup language),是用来描述网页的一种语言。
html不是一种编程语言,而是一种标记语言(markup language),标记语言是一套标记标签(markup tag)。
1.2 网页
是由图片、链接、文字、声音、视频等网页元素组成的,这些元素是利用html标签描述出来的,然后通过浏览器解析来现实给用户看。网页其实就是一个html文件(后缀名为html)
1.3 浏览器
浏览器是网页显示、运行的平台。常用浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和欧朋Opera等。
渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
1.4 Web标准
Web标准:让不同的浏览器按照相同的标准显示结果
web标准的三个组成部分:结构html-元素、表现CSS-样式、行为JS-交互
1.5 HTML语法规范
注释的作用:
• 为代码添加的具有解释性、描述性的信息,主要用来帮助开发人员理解代码
• 浏览器执行代码时会忽略所有的注释
• 注释的快捷键: 在VS Code中:ctrl + /
• 注释标签:<!-- 注释内容-->
2.VSCode编译器
2.1.安装vscode插件
联网从扩展商店下载插件:Chinese简体中文(配置成中文操作界面)、open in browser(快捷操作:在浏览器中打开)、auto rename tag(重命名标签时自动配对)
2.2.vscode基础操作
2.2.1 快捷键: Ctrl+s 新建,Ctrl+s 保存新建,alt+z 自动换行,alt+b 快速查看网页效果(必须安装了open in browser 插件)
注意:新建文件后,先保存为html格式再进行后续操作
2.2.2 英文状态下输入!后按Tab键,快捷生成html基础骨架,提高效率
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
&l