HTML简介及VSCode插件安装

本文介绍了HTML的基础概念,包括其超文本标记语言特性,网页的形成过程,以及浏览器解析和web标准。此外,详细讲解了VSCode作为网页开发工具,如何安装插件和使用技巧。重点在于HTML标签的结构和VSCode插件在提高开发效率中的作用。
摘要由CSDN通过智能技术生成

网页介绍

网页

什么是网页

  • 网站是在因特网根据一定规则,用HTML制作的展示网页的集合。
  • 网页是HTML格式的文件。
  • 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,以.htm/.html结尾。

什么是HTML

  • HTML是超文本标记语言,是用来描述网页的一种语言。
  • HTML不是编程语言,而是标记语言(标记语言是一套标签语言)。
    超文本:可以加入图片、声音、动画、传媒(超越文本限制)。可以从一个文件跳到另一个文件,与世界各地的主机相连(超文本链接)。

网页的形成

前端人员开发代码—>浏览器解析代码—>生成web页面

浏览器

浏览器内核:负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

web标准

由W3C(国际著名标准化组织:万维网联盟)和其他专业组织指定的一系列标准的集合。

web标准的构成;

  • 结构:用于对网页元素整理和分类(HTML)。
  • 表现:用于设置网页元素的版式、颜色、大小等外观样式(CSS)。
  • 行为:指网页模式的定义及交互的编写(JS)。

HTML标签

标签规范(语法)

  1. < >/< >由尖括号包围关键词。
  2. 标签通常成对出现,我们称其为双标签(例如< html >/< html >),第一个为开始标签,第二个为结束标签。
  3. 有极少数特殊情况(例如< br/ >为单标签。

标签关系

  1. 包含。
  2. 并列。

基本结构标签

<html> </html>:HTML标签,根标签
<head> </head>:文档的头部,在此标签中设置title标签
<title> </title>:文档的标题
<body> </body>文档的主体

标签总结

<html>
	<head>
		<title>网页标题</title>
	</head>
	<body>
		主体内容
	</body>
</html>
		

网页开发工具(VSCode)

VSCode使用

  1. 双击打开软件
  2. 新建文件(Ctrl+N)
  3. 保存(Ctrl+S)
  4. Ctrl+加号、减号可放大缩小页面
  5. !+tab生成页面骨架
  6. 利用插件浏览:右键“open in default browser”

插件安装

  1. 在vscode中,点击左边那排按钮最下面的一个
    在这里插入图片描述
  2. 这里有个搜索框,可以在里面搜索插件
    在这里插入图片描述
  3. 例如我们搜索"Visual Studio Code Settings Sync",这是一款能够同步自己vscode设置的插件。
    输入搜索词后,左边会展示你的搜索结果,点击其中一个,在右边的界面上点击安装按钮。
    在这里插入图片描述
  4. 等待安装完毕后需重新加载才能生效。
  5. 下面是我自己安装的一些常用插件。
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值