第 1 天：开始学习 HTML超文本标记语言

2024-05-31 13:55:16 浏览数 (2)

我们将介绍 HTML 的基础知识，这是创建网页的基本语言。在这篇文章结束时，您将创建自己的第一个 HTML 页面。

什么是 HTML？

HTML（超文本标记语言）是用于在网络上创建和设计文档的标准语言。它构造要在网络浏览器中显示的内容，包括文本、图像、链接和其他媒体。

HTML 文档的结构

每个 HTML 文档都有一个基本结构，其中包含几个基本元素。以下是 HTML 文档的一个简单示例：

代码语言：javascript复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First HTML Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>Welcome to my first HTML page.</p>
</body>
</html>

让我们分解一下各个组件：

  • <!DOCTYPE html>：此声明定义了 HTML 的文档类型和版本。
  • <html lang="en">：HTML 页面的根元素，其lang属性指定语言。
  • <head>：包含有关文档的元信息，例如字符集和标题。
  • <meta charset="UTF-8">：指定文档的字符编码。
  • <meta name="viewport" content="width=device-width, initial-scale=1.0">：确保网页在不同设备上响应。
  • <title>：设置网页的标题，该标题出现在浏览器标签中。
  • <body>：包含网页内容，对用户可见。

创建您的第一个 HTML 页面

  1. 设置您的环境：
    • 您只需要一个文本编辑器（如 Windows 上的记事本或 Mac 上的 TextEdit）和一个网络浏览器（如 Chrome、Firefox 或 Safari）。
  2. 编写 HTML：
    • 打开文本编辑器并输入上面显示的 HTML 代码。
  3. 保存文件：
    • 使用扩展名保存文件.html。例如，index.html。
  4. 在浏览器中打开 HTML 文件：
    • 双击保存的文件或右键单击并选择“打开方式”并选择您的浏览器。

您应该会看到一个标题为“Hello, World!”的页面，其中有一个段落写着“欢迎来到我的第一个 HTML 页面”。

基本 HTML 标签

以下是一些经常使用的基本 HTML 标签：

  • 标题<h1>：用定义标题<h6>。
代码语言：javascript复制
  <h1>Main Heading</h1>
  <h2>Subheading</h2>
  • 段落：用 定义段落<p>。
代码语言：javascript复制
  <p>This is a paragraph.</p>
  • 链接：使用 创建超链接<a>。
代码语言：javascript复制
  <a href="https://www.example.com">Visit Example</a>
  • 图像：使用 嵌入图像<img>。
代码语言：javascript复制
  <img src="image.jpg" alt="Description of image">

概括

在第一篇博文中，我们介绍了 HTML 及其基本结构。您学习了如何创建简单的 HTML 文档，并了解了基本 HTML 标签的用途。在下一篇博文中，我们将深入探讨文本格式和链接，帮助您构建更结构化的内容。

敬请期待第二天，我们将继续我们的 HTML 之旅。祝您编码愉快！

我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=5vbhp91f157x

网络 html 编辑器 浏览器 同步

0 人点赞