PyCharm Editor很好地支持HTML和CSS。PyCharm Editor包含一个特殊的简写,并为HTML提供标签完成。
1、创建HTML和CSS文件
PyCharm包含一个用于创建HTML和CSS文件的内置功能。 创建新的HTML和CSS文件的基本步骤如下所示 。现在,在项目中创建HTML文件时提及文件的名称。这将创建sample-file.html文件。
2、创建CSS文件
从菜单New中,选择File选项。在创建过程中指定CSS的名称,可以看到具有不同颜色组合的各种文件的完整项目结构。
创建一个文本文档,输入以下内容:<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: lightblue
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>p标签拥有浅蓝色背景色!</p>
</body>
</html>
然后保存文件,将后缀名修改为.HTML,然后用浏览器打开,一个简单的网页就出现了。