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

相关推荐
诗意地回家5 小时前
工具: 下载vscode .vsix扩展文件方法
ide·vscode·编辑器
UpYoung!8 小时前
无广技术贴!【PDF编辑器】Solid Converter PDF保姆级图文下载安装指南——实用推荐之PDF编辑软件
学习·数学建模·pdf·编辑器·运维开发·个人开发
东方佑8 小时前
基于浏览器的DOCX文件编辑器:实现导入、编辑与导出功能
编辑器
UpYoung!9 小时前
【MD编辑器】实用工具推荐之轻量级 Markdown 编辑器Typora下载安装图文教程
编辑器·办公软件·typora·md编辑器·markdown 编辑器
每天更新1 天前
VSCODE 使用GDB
ide·vscode·编辑器
傅科摆 _ py1 天前
解决 Vscode 中运行键突然消失的问题
ide·vscode·编辑器
小冷coding2 天前
容器管理不再受限!PortainerCE+cpolar打造云端数字指挥中心
编辑器
小池先生2 天前
用vscode查日志方便的搜索-复制所有匹配行功能
ide·vscode·编辑器
zstar-_2 天前
FreeGIF:让制作动图变得超简单
编辑器·gif
UpYoung!2 天前
【Typora——MD编辑器】Typora最新 V1.12.1版:轻量级 Markdown 编辑器详细图文下载安装使用教程
学习·数学建模·编辑器·运维开发·个人开发