subline3怎么新建html「sublime3怎么运行代码html」

我不是码神2024-01-14前端开发20

在计算机编程和网页设计中，HTML是一种基础的标记语言，用于创建网页的结构，Sublime Text是一个流行的代码编辑器，它支持多种编程语言，包括HTML，在Sublime Text中新建一个HTML文件并编写代码，可以遵循以下步骤：

（图片来源网络，侵删）

1、确保你已经安装了Sublime Text，如果没有，你可以访问官方网站（https://www.sublimetext.com/）下载并安装。

2、打开Sublime Text。

3、在菜单栏中，点击“文件”（File），然后选择“新建文件”（New File），这将在当前目录下创建一个新文件。

4、在新文件中，输入!，然后按回车键，这将自动生成一个基本的HTML骨架。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>Document</title>
</head>
<body>
</body>
</html>

5、现在，你可以在<body>标签内添加你的HTML内容，你可以添加一个标题和一个段落：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>My First HTML Page</title>
</head>
<body>
    <h1>Welcome to My Website</h1>
    <p>This is my first HTML page created using Sublime Text.</p>
</body>
</html>

6、保存文件，在菜单栏中，点击“文件”（File），然后选择“保存”（Save），选择一个文件夹来保存你的HTML文件，并为它命名，确保文件扩展名为.html，例如index.html。

7、用浏览器打开你的HTML文件，在Sublime Text中，点击菜单栏中的“查看”（View），然后选择“浏览器”（Browser），选择一个浏览器来打开你的HTML文件，你应该能看到你在<body>标签内添加的内容。

至此，你已经成功使用Sublime Text创建了一个简单的HTML文件，接下来，你可以继续学习HTML的其他标签和属性，以便创建更复杂的网页，以下是一些常用的HTML标签和属性：

<head>：包含关于文档的元数据，如字符集、视口设置和标题。

<title>：定义文档的标题，显示在浏览器的标签页上。

<body>：包含文档的主体内容，如文本、图片、链接等。

<h1>到<h6>：定义不同级别的标题，数字越大，级别越低。

<p>：定义一个段落。

<a>：定义一个超链接，指向另一个页面或资源。

<img>：插入一张图片，需要指定图片的源文件（src）和alt属性（替代文本）。

<ul>和<ol>：定义无序列表和有序列表，可以使用<li>标签添加列表项。

<table>：创建一个表格，需要使用<tr>（行）、<th>（表头单元格）和<td>（表格单元格）标签。