HTML简单标签

最新推荐文章于 2022-06-04 22:51:32 发布

Hu Jing4781

最新推荐文章于 2022-06-04 22:51:32 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/weixin_50561836/article/details/115293759

版权

本文详细介绍了HTML中的基础标签，包括DOCTYPE声明、注释、超链接、文档结构、标题、按钮、div、footer、h1-h6、head、header、html结构、链接、meta、段落、section、选择框、样式表、标题标签等，帮助你快速理解和运用这些元素进行网页设计。

摘要由CSDN通过智能技术生成

HTML简单标签

1，<!DOCTYPE>

必须是 HTML 文档的第一行，位于标签之前。

2， 标签

注释标签。…代表注释内容，不会在浏览器中显示。

3，<a> 标签

定义超链接，用于从一张页面链接到另一张页面。

4，<body> 标签

body 元素定义文档的主体。
body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

<html>
 
<head>
  <title>文档的标题</title>
</head>
 
<body>
  文档的内容... ...
</body>
 
</html>

5，<br> 标签

<br> 可插入一个简单的换行符。

<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。

6，<button> 标签

标签定义一个按钮。

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

7，<div> 标签

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

8，<footer> 标签

<footer> 标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。
页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
可以在一个文档中使用多个 <footer> 元素。

9，<h1> 到 <h6> 标签

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

 <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <h3>这是标题 3</h3>
    <h4>这是标题 4</h4>
    <h5>这是标题 5</h5>
    <h6>这是标题 6</h6>

10，<head> 标签

<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

11，<header> 标签

<header> 标签定义文档的页眉（介绍信息）。

12，<html> 标签
<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。正如您所了解的那样，文档的头部由标签定义，而主体由标签定义。

<html>
 
<head>
  这里是文档的头部 ... ...
  ...
</head>
 
<body>
  这里是文档的主体 ... ...
  ...
</body>
 
</html>

13，<link> 标签

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

14，<meta> 标签

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

15，<p> 标签

  `<p>` 标签支持 HTML 中的全局属性。

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

16，<section> 标签

<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

17，<select> 标签

select 元素可创建单选或多选菜单。

<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

18，<style> 标签

<style> 标签用于为 HTML 文档定义样式信息。

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

19，<title> 标签

<title> 元素可定义文档的标题。

  浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

  <html>
     
      <head>
        <title>XHTML Tag Reference</title>
      </head>
     
      <body>
        The content of the document......
      </body>
     
    </html>