HTML简介及VSCode插件安装
网页介绍
网页
什么是网页
- 网站是在因特网根据一定规则,用HTML制作的展示网页的集合。
- 网页是HTML格式的文件。
- 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,以.htm/.html结尾。
什么是HTML
- HTML是超文本标记语言,是用来描述网页的一种语言。
- HTML不是编程语言,而是标记语言(标记语言是一套标签语言)。
超文本:可以加入图片、声音、动画、传媒(超越文本限制)。可以从一个文件跳到另一个文件,与世界各地的主机相连(超文本链接)。
网页的形成
前端人员开发代码—>浏览器解析代码—>生成web页面
浏览器
浏览器内核:负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。
web标准
由W3C(国际著名标准化组织:万维网联盟)和其他专业组织指定的一系列标准的集合。
web标准的构成;
- 结构:用于对网页元素整理和分类(HTML)。
- 表现:用于设置网页元素的版式、颜色、大小等外观样式(CSS)。
- 行为:指网页模式的定义及交互的编写(JS)。
HTML标签
标签规范(语法)
- < >/< >由尖括号包围关键词。
- 标签通常成对出现,我们称其为双标签(例如< html >/< html >),第一个为开始标签,第二个为结束标签。
- 有极少数特殊情况(例如< br/ >为单标签。
标签关系
- 包含。
- 并列。
基本结构标签
<html> </html>:HTML标签,根标签
<head> </head>:文档的头部,在此标签中设置title标签
<title> </title>:文档的标题
<body> </body>文档的主体
标签总结
<html>
<head>
<title>网页标题</title>
</head>
<body>
主体内容
</body>
</html>
网页开发工具(VSCode)
VSCode使用
- 双击打开软件
- 新建文件(Ctrl+N)
- 保存(Ctrl+S)
- Ctrl+加号、减号可放大缩小页面
- !+tab生成页面骨架
- 利用插件浏览:右键“open in default browser”
插件安装
- 在vscode中,点击左边那排按钮最下面的一个
- 这里有个搜索框,可以在里面搜索插件
- 例如我们搜索"Visual Studio Code Settings Sync",这是一款能够同步自己vscode设置的插件。
输入搜索词后,左边会展示你的搜索结果,点击其中一个,在右边的界面上点击安装按钮。
- 等待安装完毕后需重新加载才能生效。
- 下面是我自己安装的一些常用插件。