第 1 天：开始学习 HTML超文本标记语言
我们将介绍 HTML 的基础知识，这是创建网页的基本语言。在这篇文章结束时，您将创建自己的第一个 HTML 页面。
什么是 HTML？
HTML（超文本标记语言）是用于在网络上创建和设计文档的标准语言。它构造要在网络浏览器中显示的内容，包括文本、图像、链接和其他媒体。
HTML 文档的结构
每个 HTML 文档都有一个基本结构，其中包含几个基本元素。以下是 HTML 文档的一个简单示例：
<!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 页面
- 设置您的环境：
- 您只需要一个文本编辑器（如 Windows 上的记事本或 Mac 上的 TextEdit）和一个网络浏览器（如 Chrome、Firefox 或 Safari）。
- 编写 HTML：
- 打开文本编辑器并输入上面显示的 HTML 代码。
- 保存文件：
- 使用扩展名保存文件
.html。例如，index.html。
- 使用扩展名保存文件
- 在浏览器中打开 HTML 文件：
- 双击保存的文件或右键单击并选择“打开方式”并选择您的浏览器。
您应该会看到一个标题为“Hello, World!”的页面，其中有一个段落写着“欢迎来到我的第一个 HTML 页面”。
基本 HTML 标签
以下是一些经常使用的基本 HTML 标签：
- 标题
<h1>：用定义标题<h6>。
<h1>Main Heading</h1>
<h2>Subheading</h2>- 段落：用 定义段落
<p>。
<p>This is a paragraph.</p>- 链接：使用 创建超链接
<a>。
<a href="https://www.example.com">Visit Example</a>- 图像：使用 嵌入图像
<img>。
<img src="image.jpg" alt="Description of image">概括
在第一篇博文中，我们介绍了 HTML 及其基本结构。您学习了如何创建简单的 HTML 文档，并了解了基本 HTML 标签的用途。在下一篇博文中，我们将深入探讨文本格式和链接，帮助您构建更结构化的内容。
敬请期待第二天，我们将继续我们的 HTML 之旅。祝您编码愉快！
我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=5vbhp91f157x
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读