HTML快速入门手册

你需要一个趁手的兵器！

预计阅读时间1 分 113 views

HTML文件是以.html或者.htm结尾的文件，有很多工具都可以实现对它的编辑。

1 最最最简单的编辑器

说个好消息，我们html程序，在windows自带编辑器也可以运行。

是的，我们用windows自带的文本编辑器也能运行html文件，我们在windows桌面创建文本，并且修改文件后缀为html，即可，具体如下

然后我们以记事本打开

然后复制我们的最最最简单的初始示例

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页！</h1>
    <p>这是一个简单的段落。</p>
    <a href="https://www.baidu.com">点击这里访问示例网站</a>
</body>
</html>

保存完后，我们在浏览器运行就行，就可以生成我们的最终效果，如下。

这个就是我们第一个html程序。

通过简单的记事本也能编辑，是不是很方便。

当然，我们真正的开发肯定不是靠这个记事本，因为这个不够智能，比如我们某个字敲错了，也没法提示。

所以，我们要用最新的编辑软件进行辅助。

而这里我们使用常用的前端编辑器Visual Studio Code，简称vs code。

2 顶尖大厂微软的开发工具——Visual Studio Code

vscode提供了超级强大的扩展功能，可以通过下载插件，实现更强大的功能，比如更强大的检错机制，帮你更好的揪出错误代码，并且还能跟强大的ai——copilot，让我们敲代码更加快。

2.1 下载安装

下载链接：

https://visualstudio.microsoft.com/zh-hans/#vscode-section

点击完成，然后运行我们的程序。

2.2 安装中文包

点击安装，即可实现，软件的中文化。

2.3 文件编辑

把文件拖拽到软件里面即可

这里就可以实现编辑了。

有了工具，我们就可以继续往前学习了！

Leave a Comment 取消回复

内容