HTML 如何在浏览器中访问HTML文档

HTML 如何在浏览器中访问HTML文档

HTML 代表超文本标记语言,并且是一种基于Web的脚本语言。HTML由一组元素组成,用于创建和结构化网页。程序员通常喜欢使用HTML设计网站,因为它灵活且易于使用。

在这篇文章中,我们将讨论如何创建HTML文件,HTML文件是什么,并解释如何在浏览器中打开一个HTML文件。

什么是HTML文件

HTML文件是一种用超文本标记语言编写的文本文档,其中包含网页的内容和结构。该HTML文件包含各种标签和元素,用于设计网页,比如标题、段落、图片等。

有各种工具可以用来创建或编辑HTML文件。然而,我们可以使用基本文本编辑器(例如记事本或记事本++)创建一个HTML文件,并将它保存为 .html.htm 文件扩展名。

以下是HTML文件中包含的基本元素:

<html>
   <head></head>
<body>
   <h1></h1>
   <p></p>
</body>
</html>

如何在浏览器中打开HTML文件

我们可以通过不同的方式在浏览器中访问HTML文件。以下是一些可能的方法:

使用”打开方式”选项

以下是使用“打开方式”选项在任何浏览器中访问HTML文件的步骤:

  • 第1步 - 打开一个文本编辑器(比如Notepad++),并在其中写入一些HTML代码。

  • 第2步 - 现在,点击左上角的 文件 菜单,然后点击“另存为”(或者按住ctrl+Shift+s) 选项

  • 第3步 - 根据需要命名文件。

  • 第4步 - 点击“另存为类型”下拉菜单,选择“超文本标记语言文件”选项。然后点击 保存 按钮。

  • 第5步 - 现在,右键点击已保存的.html文件,然后点击“打开方式”菜单。你可能会看到一个很长的浏览器列表,从中选择你要打开的文件。你的默认浏览器可能在列表的顶部。

    注意 - 为了确保你打开的是正确的HTML文件,你可以在浏览器的URL栏中检查路径。地址应该与计算机上的文件位置匹配。

示例

<!DOCTYPE html>
<head>
   <title>Accessing a HTML document in a browser</title>
</head>
<body>
   <h1>Tutorialspoint</h1>
   <p>Simply Easy Learning at your fingertips.</p>
</body>

输出

选择浏览器后,您会看到文件在浏览器中打开。

拖放文件到浏览器中

以下是使用拖放技术在任何浏览器中访问HTML文件的步骤:

  • 步骤1 - 通过左键单击选择HTML文件。

  • 步骤2 - 现在,从您选择打开文件的浏览器上拖拽到浏览器。浏览器将自动将HTML文件打开到一个新标签中。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程

HTML 精选笔记