以下是html在线编辑器元素和语法，一篇简单的 HTML 文章示例，用于介绍 HTML 元素和语法：
<!DOCTYPE html>
<html>
<head>
<title>我的第一篇文章</title>
<meta charset="UTF-8">
<meta name="description" content="这是一篇介绍 HTML 的文章">
<meta name="author" content="Alice">
<style>
body {
font-family: Arial, sans-serif;
}
h1 {
color: navy;
font-size: 32px;
}
p {
color: black;
font-size: 18px;
}
</style>
</head>
<body>
<h1>HTML 元素和语法</h1>
<p>HTML，全称为超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准语言。</p>
<p>HTML 使用标记（tag）来指示网页中文本和图像的显示方式、链接和 multimedia 元素的嵌入。</p>
<p>以下是一些常见的 HTML 元素和标记：</p>
<ul>
<li><p>: 表示段落。</li>
<li><a>: 表示链接。</li>
<li><img>: 显示图片。</li>
<li><ul> / <ol> / <li>: 表示无序列表和有序列表。</li>
<li><div> / <span>: 表示文档的区块或段落，没有具体的含义。</li>
<li><br>: 表示换行。</li>
</ul>
<p>上面的 CSS 样式定义了文章中标题和正文的样式。</p>
</body>
</html>上面的代码包含了以下 HTML 元素和属性：
- `<!DOCTYPE html>`: 声明 HTML 文档遵循的标准。
- `<html>`: HTML 文档的根元素。
- `<head>`: 包含了关于 HTML 文档的元数据，如 title、style 和 meta 等标签。
- `<title>`: 定义了在浏览器标签栏上显示的文本。
- `<meta>`: 元标记，用于描述文档的元数据，如字符集、网页描述、作者等。
- `<style>`: 定义了用于修饰 HTML 文档的样式表。
- `<body>`: 包含了 HTML 文档的主要内容。
- `<h1>`: 表示一级标题。
- `<p>`: 表示一个段落。
- `<ul>` / `<ol>` / `<li>`: 分别表示无序列表和有序列表。
- `<div>` / `<span>`: 分别表示文档的区块或段落，没有具体的含义。
- `<br>`: 表示换行。
- `<a>`: 定义链接。
- `<img>`: 显示图片。
- CSS 样式: 用于美化文档的样式表。其中，`font-family` 定义了文本字体，`color` 定义了文本颜色，`font-size` 定义了文本字体大小。
专题推荐：