📜  HTML-元素(1)

📅  最后修改于: 2023-12-03 15:01:18.227000             🧑  作者: Mango

HTML 元素

HTML 元素是构成 HTML 文档的基本单位。一个 HTML 文档由许多的 HTML 元素组成,每个元素可以包含文本、其他元素及属性等。

基本语法

HTML 元素由一个开始标签、一个结束标签和它们之间的内容组成。

<开始标签>内容</结束标签>

其中,开始标签和结束标签通常是一对标记,如<p>表示段落开始标签,</p>表示段落结束标签。开始标签和结束标签之间是元素的内容,可以是文本、其他元素或者空。

常见的 HTML 元素
标题

HTML 中有 6 个等级的标题,分别由 <h1><h6> 标记表示,<h1> 表示最高级,<h6> 表示最低级,用于对页面内容的结构化组织和视觉展示。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
段落

<p> 标签定义一个段落,段落中的内容被当做一个整体处理,常用于对文本进行分组处理。

<p>这是一个段落</p>
链接

<a> 标签定义一个链接,href 属性指定链接目标地址。

<a href="https://www.example.com/">访问外部网站</a>
<a href="#bookmark">跳转至文档内部锚点</a>
图像

<img> 标签定义一个图像,src 属性指定图像源地址。

<img src="https://www.example.com/image.png" alt="示例图像">
列表

HTML 支持有序列表和无序列表。

<!-- 无序列表 -->
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

<!-- 有序列表 -->
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>
表格

<table> 标记定义一个表格,<tr> 表示行,<td> 表示单元格。

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>
总结

以上是 HTML 中常见的元素,当然还有很多其他的元素,每个元素都有其自身的属性,一些元素还有特殊的嵌套关系和语义。学习 HTML 元素是编写 Web 页面的必备基础,掌握了 HTML 元素的使用,你就可以轻松编写出令人满意的页面啦!