📜  HTML |元素(1)

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

HTML元素

HTML元素指的是在HTML文档中使用的标记,也称为标签。每个HTML元素都包含一个开始标记和结束标记。

HTML元素的基本格式

HTML元素通常由以下几部分组成:

  • 开始标记:一个小于号后面跟着标签名称,再加上属性(可选)。
  • 内容:文本内容、其他元素或空白字符。
  • 结束标记:与开始标记相似,但包含了一个斜杠来表示标签的结束。
<tagname attribute1="value1" attribute2="value2">Content</tagname>

例如,我们可以创建一个段落元素:

<p>这是一个段落。</p>
常见元素

以下是常见的HTML元素:

  • <html>:定义HTML文档
  • <head>:定义文档头部,在这里可以添加标题、CSS样式等信息
  • <title>:定义文档的标题
  • <body>:定义文档的主体
  • <h1> - <h6>:定义标题,h1是最大的标题,h6是最小的标题
  • <p>:定义段落
  • <a>:定义超链接
  • <img>:定义图像
  • <ul>:定义无序列表
  • <ol>:定义有序列表
  • <li>:定义列表项
  • <table>:定义表格
  • <tr>:定义表格行
  • <td>:定义表格单元格
  • <form>:定义表单
  • <input>:定义表单中的输入字段
常见属性

属性提供了有关HTML元素的更多信息。例如,<a>元素可以使用href属性定义链接的目标地址。

以下是常见的HTML属性:

  • id:定义元素的唯一标识符
  • class:定义元素的类别
  • style:定义元素的CSS样式
  • href:定义链接的目标地址
  • src:定义图像的来源地址
  • alt:定义图像的替换文本
  • width:定义图像的宽度
  • height:定义图像的高度
嵌套元素

我们可以在HTML元素中嵌套其他元素。例如,我们可以在段落中添加链接:

<p>这是一个包含<a href="https://www.example.com">链接</a>的段落。</p>
空元素

一些HTML元素不需要内容,这些元素被称为空元素。例如,<img>元素只需要指定图像的来源地址。

以下是常见的HTML空元素:

  • <img>:定义图像
  • <input>:定义表单中的输入字段
  • <br>:定义换行
<img src="image.jpg" alt="image">
总结

HTML元素是创建网页的基础。您可以使用HTML元素创建文本、图像、表格、表单等元素。属性提供了有关元素的更多信息。您可以使用嵌套元素将一个元素嵌套在另一个元素中。空元素不需要内容,通常只需要指定一些属性即可显示内容。