2.html编辑器介绍

html编辑器介绍

HTML 编辑器推荐

理论上我们可以使用记事本进行html编码和开发,但是在实际开发html页面的时候,使用一些专业的开发工具可以使我们更加快速和高效的进行开发,下面介绍几种开发工具:

你可以从以上软件的官网中下载对应的软件,按步骤安装即可。如果官网比较慢,也可以直接百度软件名称,网上会有很多安装包。

VsCode创建html

步骤 1: 新建 HTML 文件

在 VS Code 安装完成后,选择" 文件(F)->新建文件(N) ",在新建的文件中输入以下代码:

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

步骤 2: 在浏览器中运行这个 HTML 文件

然后鼠标右击编辑器上的文件名,选择在默认浏览器打开(也可以其他的浏览器)

安装插件

安装Prettier - Code formatter(代码格式化)、Live Server(本地开启服务和端口并打开页面)插件


视频演示:https://www.bilibili.com/video/BV19b2aYKEtt?vd_source=0f4eae2845bd3b24b877e4586ffda69a\&spm_id_from=333.788.videopod.sections

相关推荐
睡一觉就好了。1 天前
vim基础操作
linux·编辑器·vim
elirlove11 天前
打造属于自己的网页工匠台:HTML在线编辑器技术深度解析
前端·编辑器·html
Tairitsu_H1 天前
告别默认Vim:Linux下轻松配置Vim开发环境
linux·编辑器·vim·配置
赛博三把手1 天前
实操篇一:Claude Code + Token173 国内直连 Anthropic Fable 5 完整接入教程
linux·编辑器·vim
互联网散修1 天前
鸿蒙实战:图片编辑器——像素马赛克从卡顿到丝滑的终极优化
华为·编辑器·harmonyos
zyplayer-doc1 天前
知识库官方CLI工具已发布并开源,以及重写思维导图编辑器,提供更完整的编辑能力,zyplayer-doc 2.6.6 发布啦!
人工智能·安全·pdf·编辑器·创业创新
VidDown1 天前
VidDown 工具站:免费视频处理与开发者工具箱
网络协议·编辑器·音视频·视频编解码·视频
小王C语言2 天前
vscode智能提示问题、跳转问题
ide·vscode·编辑器
郝亚军2 天前
如何在vscode上运行python程序
ide·vscode·编辑器
Arvin.Angela2 天前
VsCode 安装文档
ide·vscode·编辑器