📜  HTML-概述

📅  最后修改于: 2020-12-16 04:41:21             🧑  作者: Mango


HTML代表H yper t外接中号大号arkup anguage,它是写网页使用最广泛的语言。

  • 超文本是指将网页(HTML文档)链接在一起的方式。因此,网页上可用的链接称为超文本。

  • 顾名思义,HTML是一种标记语言,这意味着您可以使用HTML来简单地“标记”带有标记的文本文档,该标记告诉Web浏览器如何显示它。

最初,HTML的开发旨在定义标题,段落,列表等文档的结构,以促进研究人员之间共享科学信息。

现在,借助于HTML语言中可用的不同标签,HTML被广泛用于格式化网页。

基本HTML文档

以最简单的形式,下面是一个HTML文档的示例-

This is document title
   
    
   
      

This is a heading

Document content goes here.....

HTML标签

如前所述,HTML是一种标记语言,并使用各种标签来格式化内容。这些标签包含在尖括号。除少数标签外,大多数标签都有其对应的结束标签。例如, 带有结束标记带有结束标记标记等。

上面的HTML文档示例使用以下标签-

Sr.No Tag & Description
1

This tag defines the document type and HTML version.

2

This tag encloses the complete HTML document and mainly comprises of document header which is represented by … and document body which is represented by … tags.

3

This tag represents the document’s header which can keep other HTML tags like , <link> etc.</p> </td> </tr> <tr> <td class="ts">4</td> <td> <b><title></b> <p>The <title> tag is used inside the <head> tag to mention the document title.</p> </td> </tr> <tr> <td class="ts">5</td> <td> <b><body></b> <p>This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.</p> </td> </tr> <tr> <td class="ts">6</td> <td> <b><h1></b> <p>This tag represents the heading.</p> </td> </tr> <tr> <td class="ts">7</td> <td> <b><p></b> <p>This tag represents a paragraph.</p> </td> </tr> </table> <p>要学习HTML,您需要在格式化文本文档时研究各种标签并了解它们的行为。学习HTML很简单,因为用户必须学习不同标签的用法才能对文本或图像进行格式化,从而制作出精美的网页。</p> <p>万维网联盟(W3C)建议使用从HTML 4开始的小写标签。</p> <h2> HTML文档结构</h2> <p>典型的HTML文档将具有以下结构-</p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-java" data-lang="java"><code class="language-markup">Document header related tags Document body related tags </code></pre> </div> <p>我们将在后续章节中研究所有标题和正文标签,但是现在让我们看看什么是文档声明标签。</p> <h2> <!DOCTYPE>声明</h2> <p>Web浏览器使用<!DOCTYPE>声明标签来了解文档中使用的HTML版本。 HTML的当前版本是5,它使用以下声明-</p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-java" data-lang="java"><code class="language-markup"></code></pre> </div> <p>根据正在使用的HTML版本,还有许多其他的声明类型可以在HTML文档中使用。我们将在讨论<!DOCTYPE …>标记以及其他HTML标记时看到更多详细信息。</p> </div> </div> </div> </div> </div> </div> <footer> <div class="bg-white text-center pb-1"> <p class="text-body-tertiary pt-3 lh-lg text-opacity-50" id="footer-text">Copyright © 2020 - 2024 版权所有 <br> <a href="https://beian.miit.gov.cn/" target="_blank" class="text-opacity-50 text-body-tertiary mt-1 mb-1">蜀ICP备20006366号-1</a> <br> Made with ❤️ in Chengdu </p> </div> </footer> <!-- 引入Bootstrap JavaScript库 --> <script src="https://unpkg.com/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <!-- 引入Meilisearch搜索相关的JavaScript库 --> <script src="https://cdn.jsdelivr.net/npm/@meilisearch/instant-meilisearch/dist/instant-meilisearch.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script> <script src="https://imangodoc.com/static/javascript/meili_custom.js"></script> <!-- 引入prismjs代码高亮相关的JavaScript库 --> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/toolbar/prism-toolbar.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script> </body> </html>