如何设置您的 HTML 网站项目


该系列的一部分:
如何使用 HTML 构建网站

本教程系列将指导您使用 HTML(用于在 Web 浏览器中显示文档的标准标记语言)创建和进一步自定义该网站不需要有任何编码经验,但如果您想重新创建演示网站,我们建议您从本系列开头开始

在本系列结束时,您应该有一个准备好部署到云的网站,并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能(例如 CSS 和 JavaScript)奠定坚实的基础。

创建新网站项目时要做的第一件事是创建一个项目目录(或文件夹),以存储在此过程中将创建的所有文件。本教程将引导您完成设置使用 HTML 构建网站所需的文件夹和文件的步骤。

对于这个网站项目,我们可以继续使用我们之前在教程系列中创建html-practice项目目录和index.html文件。(如果您还没有遵循本教程系列,并且需要设置项目目录和index.html文件的说明,请参阅本系列设置您的 HTML 项目中的早期教程

注意:如果您决定为目录选择自己的名称,请确保避免使用字符空格、特殊字符(例如 !、#、% 或其他)和大写字母,因为这些会在以后引起问题。

接下来,我们将格式化该index.html文件以用作网站的主页。格式化 Web 文档的第一步是将<!DOCTYPE html>声明添加到第一行。确保您的index.html文件清晰,然后添加<!DOCTYPE html>到文档的第一行。

此声明告诉浏览器正在使用哪种类型的 HTML,并且声明很重要,因为有多个版本的 HTML。在此声明中,html指定了 HTML 的当前 Web 标准,即 HTML5。

接下来,我们将<html>通过添加开始和结束<html>标记来添加元素<html>元素告诉浏览器它包含的所有内容都打算作为 HTML 读取。在此标签内,我们还将添加lang属性,该属性指定网页的语言。在此示例中,我们将使用en语言标签指定我们的网站为英语如需语言标签的完整列表,请访问IANA 语言子标签注册表

您的文档现在应如下所示:

<!DOCTYPE html>
<html lang="en">
</html> 

从这点出发,我们加入到我们的网站上的所有内容将被添加之间的打开和关闭<html>标签。

我们将在下一个教程中开始向我们的网站添加内容。

觉得文章有用?

点个广告表达一下你的爱意吧 !😁