html 语言标签和属性

📌 相关文章

📜 html 语言标签和属性 - Html (1)

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

HTML 是超文本标记语言 (HyperText Markup Language) 的缩写，是用来创建网页的标准语言。在 HTML 中，标签 (tag) 用于标记不同的元素 (element)，例如标题、段落、图片、链接等。属性 (attribute) 则用于为元素提供更多的信息和控制。

常用标签

以下是一些常见的 HTML 标签：

<html></html>：文档的根节点，包含整个网页内容。
<head></head>：网页的头部元素，包含了一些元数据和链接。
<title></title>：网页的标题，出现在浏览器标签页上。
<body></body>：网页的主要内容，包含了所有可见的元素。
<h1></h1> 到 <h6></h6>：标题标签，用于标记不同级别的标题。
<p></p>：段落标签，用于包裹一段文本。
<img>：图片标签，用于插入图片。
<a></a>：链接标签，用于创建超链接。
<ul></ul> 和 <ol></ol>：无序列表和有序列表标签，用于创建列表。
<li></li>：列表项标签，用于包裹列表项。
<table></table>：表格标签，用于创建表格。
<tr></tr>：表格行标签，用于包裹一行表格。
<td></td>：表格单元格标签，用于包裹一个表格单元格。

常用属性

以下是一些常见的 HTML 属性：

id：元素的唯一标识符。
class：元素的类名，用于指定元素的样式。
style：元素的样式属性，用于指定元素的具体样式。
href：链接元素的目标 URL。
src：图片元素的源 URL。
alt：图片元素的替代文本，当图片无法正常载入时显示。
title：元素的标题，出现在鼠标悬停时的提示信息中。
colspan 和 rowspan：表格单元格的跨越列数和行数。
span：元素的跨越列数或行数。
width 和 height：元素的宽度和高度。

示例

以下是一个包含常见 HTML 标签和属性的示例：

<!DOCTYPE html>
<html>
  <head>
    <title>示例网页</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>欢迎来到示例网页</h1>
    <p>这是一个包含常见 HTML 标签和属性的示例。</p>
    <img src="https://www.example.com/image.jpg" alt="示例图片" title="示例图片">
    <a href="https://www.example.com">访问官网</a>
    <ul>
      <li>列表项一</li>
      <li>列表项二</li>
    </ul>
    <table>
      <thead>
        <tr>
          <th colspan="2">表格标题</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>行一单元格一</td>
          <td>行一单元格二</td>
        </tr>
        <tr>
          <td rowspan="2">行二单元格一</td>
          <td>行二单元格二</td>
        </tr>
        <tr>
          <td>行三单元格二</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

以上代码将会渲染成以下网页：

欢迎来到示例网页

这是一个包含常见 HTML 标签和属性的示例。

示例图片

访问官网

列表项一
列表项二

表格标题

行一单元格一行一单元格二行二单元格一行二单元格二行三单元格二

结语

HTML 标签和属性是创建网页的基础，熟练掌握它们可以帮助我们更好地实现我们的想法。在实践中，我们还需要了解更多的标签和属性，不断学习和探索。