📅 最后修改于: 2023-12-03 15:24:52.384000 🧑 作者: Mango
HTML 是建立网页的基本语言。通过使用 HTML，程序员可以将页面元素组合在一起，并使用 CSS 和 JavaScript 美化和控制网页的外观和交互。
每个 HTML 文档都有一个基本结构，由 <html> 元素包裹起来。此元素定义了文档的根元素，并包含所有其他元素。
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<!-- 这里放置网页内容 -->
</body>
</html>
在 HTML 中，所有标记都用尖括号包围。标记之间可以嵌套，以创建复杂的结构。在上面的例子中，我们使用了 <head> 和 <body> 标记来分别定义文档的头部和正文部分，并在 <head> 标记内添加了一个网页标题。
HTML 中有许多不同的元素和属性，可以用来创建各种网页元素。以下是一些示例：
HTML 中最基本的元素之一是文本元素，用来显示文本内容。
<p>这是一个段落。</p>
图像元素可以用来在网页中显示图片。
<img src="路径/到/图片.jpg" alt="图片描述">
超链接元素可以用来在网页中创建链接，让用户可以点击跳转到其他页面或文件。
<a href="链接地址">链接文本</a>
表格元素可以用来显示网页中的表格数据。
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行1列1</td>
<td>行1列2</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
</tr>
</table>
除了使用 HTML 元素和属性来创建网页，程序员还可以使用 CSS（层叠样式表）来修改网页的外观和样式。下面是一些常见的 CSS 样式：
h1 {
color: red;
}
body {
background-color: #f0f0f0;
}
p {
font-family: Arial, sans-serif;
font-size: 16px;
}
.container {
display: flex;
justify-content: center;
align-items: center;
}
最后，通过使用 JavaScript，程序员可以为网页添加交互和动态功能。以下是一些示例：
<button onclick="alert('Hello, World!')">点击我</button>
let el = document.getElementById('demo');
el.innerHTML = '这是新内容。';
setInterval(function() {
// 每秒钟执行一次此函数
}, 1000);
通过组合使用 HTML、CSS 和 JavaScript，程序员可以创建多样化的网页，实现丰富的功能和交互体验。