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

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

HTML标签

HTML标签是用于创建网页内容的语言元素。标签通常由尖括号包围,并告诉浏览器如何显示文本或图像。

基本结构

HTML标签通常由开始标签和结束标签组成。开始标记使用尖括号包围,标记名称在里面,结束标记在斜杠之后。例如:

<p>这是一个段落。</p>

在这个例子中,<p>是开始标记,</p>是结束标记。标签之间的文本是段落的内容。

常见标签
<html><head><body>
<!DOCTYPE html>
<html>
  <head>
    <title>欢迎来到我的网站</title>
  </head>
  <body>
    <h1>我的网站</h1>
    <p>欢迎来到我的网站!</p>
  </body>
</html>

这个代码片段表示一个简单的HTML页面。<html>标签标志着整个文档的开始,<head>标签包含网站的元数据,<body>标签包含页面的主要内容。注意,每个标签都有一个结束标记。

<h1><h6>标签

这些标记标记着标题。每个级别的标题相对于其它标题有不同的大小和重要程度。

<h1>我是标题一</h1>
<h2>我是标题二</h2>
<h3>我是标题三</h3>
<h4>我是标题四</h4>
<h5>我是标题五</h5>
<h6>我是标题六</h6>
<p>标签

这个标记标志着一个段落。

<p>我是一个段落。</p>

这里是一个具有多个段落的更完整的示例:

<p>我是第一个段落。</p>
<p>我是第二个段落。</p>
<p>我是第三个段落。</p>
<a>标签

这个标记标志着一个链接。

<a href="https://www.baidu.com">百度</a>

这里是一个具有链接和文本的更完整的示例:

<p>查找更多信息,<a href="https://www.baidu.com">使用百度搜索引擎</a>。</p>
<img>标签

这个标记标志着一个图像。

<img src="图片地址" alt="可选的替代文本">

注意:图像地址应该是一个绝对地址或相对地址。

<ul><li>标签

这些标签标志着一个无序列表。

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>
<ol><li>标签

这些标签标志着一个有序列表。

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>
结论

HTML标签是创建网页内容的关键部分。使用标记可以向页面添加文本、图像、链接和列表等元素。这些标签提供了一种结构化的方式来创建内容,以便浏览器可以正确地显示它。