📜  HTML<b>标签<b>(1)

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

HTML标签

HTML标签是用于描述网页结构和内容的标记语言元素,它们以尖括号包围,并按照特定的语法规则进行组合和嵌套。HTML标签可以理解为网页的"单词",通过组合不同的标签,我们可以创建出丰富多样的网页内容。

基本语法

HTML标签的基本语法如下所示:

<标签名> 内容 </标签名>

其中:

  • <标签名>是开始标签,用于表示标签的开始位置。
  • </标签名>是结束标签,用于表示标签的结束位置。
  • 内容是标签所包含的文本内容,也可以是其他HTML标签。
常见HTML标签

以下是一些常见的HTML标签及其用法:

标题标签
  • <h1> - <h6>:定义网页的标题,分别表示从最高级标题到最低级标题。
段落标签
  • <p>:定义一个段落。
  • <br>:表示换行。
文本样式标签
  • <b>:表示粗体。
  • <i>:表示斜体。
  • <u>:表示下划线。
超链接标签
  • <a>:定义一个超链接,可以跳转到其他网页或同一页面的某个位置。
图片标签
  • <img>:插入一张图片。
列表标签
  • <ul>:定义一个无序列表。
  • <ol>:定义一个有序列表。
  • <li>:列表项,嵌套在ul或ol标签中。
表格标签
  • <table>:定义一个表格。
  • <tr>:定义表格中的一行。
  • <td>:定义表格中的一个单元格。
表单标签
  • <form>:定义一个表单。
  • <input>:定义一个输入字段,可以选择不同的type属性实现不同类型的输入。
多媒体标签
  • <video>:插入一个视频。
  • <audio>:插入一个音频。
更多标签

上面列举的只是一部分常见的HTML标签,HTML还有很多其他标签用于实现不同的功能,如网页的布局、样式、脚本等。

示例

以下是一个简单的HTML示例,展示了如何使用一些常见的HTML标签:

<!DOCTYPE html>
<html>
<head>
  <title>My First HTML Page</title>
</head>
<body>
  <h1>欢迎来到HTML世界!</h1>
  <p>这是一个HTML页面的示例。</p>
  <img src="example.jpg" alt="示例图片">
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
  <a href="https://www.example.com">点击这里访问示例网站</a>
</body>
</html>

通过以上HTML代码,可以创建一个标题为"欢迎来到HTML世界!"的页面,其中包含了一段文字描述、一张示例图片、一个无序列表和一个超链接。

这只是一个简单的例子,HTML标签的组合可以实现更复杂的页面结构和内容展示。