外链论坛

 找回密码
 立即注册
搜索
查看: 102|回复: 2

前端小白入门系列——HTML 编辑器

[复制链接]

2557

主题

576

回帖

9118万

积分

论坛元老

Rank: 8Rank: 8

积分
91180763
发表于 2024-6-29 15:13:36 | 显示全部楼层 |阅读模式

HTML 编辑器举荐

能够运用专业的 HTML 编辑器来编辑 HTML,为大众举荐几款常用的编辑器:

VS Code:https://code.visualstudio.com/Sublime Text:http://www.sublimetext.com/

能够从以上软件的官网中下载对应的软件,按过程安装就可

接下来咱们将为大众演示怎样运用 VS Code 工具来创建 HTML 文件。

VS Code

Visual Studio Code(简叫作 VS Code)是一个由微软研发同期支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。

VS Code 安装教程参考:https://www.runoob.com/w3cnote/vscode-tutorial.html

过程 1: 新建 HTML 文件

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第1个段落。</p> </body> </html>

过程 2: 另存为 HTML 文件

而后选取" 文件(F)->另存为(A) ",文件名为 runoob.html:

当您保留 HTML 文件时,既能够运用 .htm 可以运用 .html 扩展名。两者区别,完全按照您的爱好,我意见统一用 .html。

在一个容易记忆的文件夹中保留这个文件,例如 runoob

过程 3: 在浏览器中运行这个 HTML 文件

而后鼠标右击编辑器上的文件名,选取在默认浏览器打开(能够其他的浏览器):

注:vscode 中运用浏览器打开 html 文件必须 安装 "open in browser" 扩展。

运行表示结果类似如下:

VS Code 和 Sublime Text 还能够协同 Emmet 插件来加强编码速度。

Emmet 官网:http://emmet.io/

我建了一个前端小白交流群,私信我,进入交流群。我会给大众分享我收集整理的各样学习资料,组织大众一块做项目练习,帮忙大众匹配一位学习伙伴互相监督学习,欢迎加入

链接:HTML编辑器

源自http://RUNOOB.COM

回复

使用道具 举报

0

主题

2万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-21 16:07:35 | 显示全部楼层
感谢你的精彩评论,为我的思绪打开了新的窗口。
回复

使用道具 举报

0

主题

2万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-6 01:41:15 | 显示全部楼层
软文发布论坛开幕式圆满成功。 http://www.fok120.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-9-17 03:50 , Processed in 0.428224 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.