如何设置您的HTML网站项目

来自菜鸟教程
跳转至:导航、​搜索

创建新网站项目时要做的第一件事是创建一个项目目录(或文件夹)来存储将在此过程中创建的所有文件。 本教程将引导您完成设置使用 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 语言子标签注册表[X77X]。

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

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

从现在开始,我们添加到我们网站的所有内容都将在 开始和结束 <html> 标记之间添加

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