HTML的标签-JavaScript中文网-JavaScript教程资源分享门户

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。在HTML中，有许多不同类型的标签可以用来定义网页的结构和内容。本文将详细介绍HTML标签，包括常见的标签、属性和使用方法，并提供示例代码。

常见HTML标签

`<html>`

<html>标签是HTML文档的根元素。它告诉浏览器这个文档是HTML格式，并且所有其他标签都应该在这个元素的内部。通常情况下，在<html>标签内部会包含<head>和<body>标签。

-- -------------------- ---- -------
--------- -----
------
  ------
    -------------------
  -------
  ------
    ---- --------- ---
  -------
-------

`<head>`

<head>标签用于定义文档的头部信息，包括文档标题、关键字和其他元数据。这些信息通常不会直接显示给用户，但是可以被搜索引擎和其他程序使用。

<head>
  <title>我的网页</title>
  <meta name="description" content="这是我的第一个网页">
  <link rel="stylesheet" href="style.css">
</head>

`<body>`

<body>标签包含了实际的页面内容，例如文本、图片、链接等等。大多数HTML标签都应该在<body>标签的内部使用。

<body>
  <h1>欢迎来到我的网页！</h1>
  <p>这是我的第一个网页，感谢您的访问。</p>
  <img src="example.jpg" alt="示例图片">
  <a href="https://www.example.com">前往示例网站</a>
</body>

`<h1>` - `<h6>`

<h1> - <h6>标签用于定义文本标题的大小和层次结构。<h1>表示最高级别的标题，而<h6>表示最低级别的标题。

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

`<p>`

<p>标签用于定义段落。所有在<p>标签中的文本都会被当做一个段落处理，并且会有一个默认的上下文间距。

<p>这是一个段落。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.</p>

`<a>`

<a>标签用于定义超链接。<a>标签通常包含一个href属性，指定链接指向的URL。

<a href="https://www.example.com">前往示例网站</a>

`<img>`

<img>标签用于定义图片。<img>标签通常包含一个src属性，指定要显示的图像的URL。另外还可以设置alt属性，当图像无法加载时将显示此属性的文本。

<img src="example.jpg" alt="示例图片">

HTML标签属性

HTML标签可以带有属性，用于提供有关标签的更多信息。下面列出了一些常见的属性：

class - 为元素设置类名
id - 为元素设置唯一标识符
style - 为元素设置样式
title - 提供有关元素的额外信息
href - 定义超链接的目标URL
src - 定义链接的文件路径

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/tags-for-html

HTML的标签

常见HTML标签

<html>

<head>

<body>

<h1> - <h6>

<p>

<a>

<img>