以下是HTML入门的一些基本概念和示例代码，帮助你理解如何构建一个简单的HTML网页。
HTML基础概念
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它使用标签（tags）来定义网页中的元素和结构。标签通常成对出现，例如<tagname>和</tagname>，它们之间的内容就是该标签所表示的元素。
示例代码：简单HTML网页
下面是一个简单的HTML网页示例，它展示了如何创建一个包含标题、段落、图像和链接的基本网页。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>我的第一个HTML网页</title>
</head>
<body>
<!-- 标题 -->
<h1>helloworld</h1>
<!-- 段落 -->
<p>这是一个简单的HTML网页示例。</p>
<!-- 图像 -->
<img src="https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg" alt="占位符图像" />
<!-- 超链接 -->
<p>你可以访问<a href="https://www.baidu.com">百度</a>了解更多网页信息。</p>
</body>
</html>
代码解释
-
「文档声明」：
<!DOCTYPE html>告诉浏览器这是一个HTML5文档。 -
「html标签」：
<html lang="zh-CN">是文档的根元素，lang属性指定了文档的语言（在这里是中文简体）。 -
「head标签」：
<head>部分包含了文档的元数据（metadata），如字符集声明、视口设置和标题。<meta charset="UTF-8">指定了文档的字符编码为UTF-8。<meta name="viewport" content="width=device-width, initial-scale=1.0">设置了视口，以确保网页在移动设备上正确显示。<title>设置了网页的标题，这个标题会显示在浏览器的标签页上。
-
「body标签」：
<body>部分包含了网页的实际内容。<h1>是一个一级标题，表示网页的主要标题。<p>是一个段落，用于包含文本内容。<img>是一个图像标签，src属性指定了图像的文件路径（这里使用了一个占位符图像的URL），alt属性提供了图像的替代文本。<a>是一个超链接标签，href属性指定了链接的目标地址。
如何运行
- 将上述代码复制到一个文本编辑器中。
- 将文件保存为
.html扩展名，例如index.html。 - 使用任何现代浏览器（如Chrome、Firefox、Edge等）打开该文件。
你将看到一个包含标题、段落、图像和链接的简单网页。
进一步学习
- 学习HTML标签和属性的更多细节。
- 了解如何创建更复杂的网页布局和样式，这通常涉及CSS（层叠样式表）。
- 学习如何使用JavaScript为网页添加交互性。
- 通过创建自己的项目来实践HTML，如个人网站、博客或简单的网页应用。
