📅 最后修改于: 2020-12-16 04:41:21 🧑 作者: Mango
HTML代表H yper t外接中号大号arkup anguage，它是写网页使用最广泛的语言。
最初，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://www.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> |