HTML 简介
现在您可以通过如下的一个 HTML 实例来建立一个简单的 HTML 页面，以此来简单了解一下 HTML 的结构。
实例解析
DOCTYPE声明了文档的类型标签是 HTML 页面的根元素，该标签的结束标志为标签包含了文档的元数据（meta），如定义网页编码格式为utf-8。</code>标签定义文档的标题</li> <li><code><body></code>标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为<code></body></code> </li> <li><code><h1></code>标签作为一个标题使用，该标签的结束标志为<code></h1></code>，-- <a href="https://www.w3cschool.cn/html/html-heading.html" target="_blank">HTML标题</a> </li> <li><code><p></code>标签作为一个段落显示，该标签的结束标志为<code></p></code>-- <a href="https://www.w3cschool.cn/htmltags/tag-p.html" target="_blank">p标签用法</a> </li></ul><table class="reference" class="lamp"> <tbody> <tr> <th width="34"> <img src="/devdoc/images/202211/1106917E3299C18D" alt="lamp" width="32" height="32"> </th> <td><!DOCTYPE html> 在 HTML5 中也是描述了文档类型。</td> </tr> </tbody></table><h2>什么是 HTML?</h2> <hr><p>HTML 语言用于描述网页。</p><ul> <li>HTML 是指超文本标记语言: <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</li> <li>HTML 不是一种编程语言，而是一种<a href="https://baike.baidu.com/item/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/5964436?fr=aladdin" rel="external nofollow" target="_blank" target="_blank"><strong>标记</strong>语言</a> </li> <li>标记语言是一套<strong>标记标签</strong> ( markup tag )</li> <li>HTML 使用标记标签来<strong>描述</strong>网页</li> <li>HTML 文档包含了 HTML<strong> 标签</strong>及<strong>文本</strong>内容</li> <li>HTML 文档也叫做<strong> web 页面</strong> </li></ul><h2>HTML 标签</h2><hr><p>HTML 标记标签通常被称为 HTML 标签 ( HTML tag )。您可以在 W3Cschool 的<a href="https://www.w3cschool.cn/codecamp/say-hello-to-html-element.html" target="_blank">编程实战</a>部分开始学习 HTML 标签。</p><ul> <li>HTML 标签是由 <em>尖括号 </em>包围的关键词，比如<code><html></code> </li> <li>HTML 标签通常是 <em>成对出现 </em>的，比如<code><b></code>和<code></b></code> </li> <li>标签对中的第一个标签是<em>开始标签</em>，第二个标签是 <em>结束标签</em> </li> <li>开始和结束标签也被称为<em>开放标签 </em>和 <em>闭合标签</em> <div class="example"> <div class="example_code notranslate"> <p><标签>内容</标签></p> </div> </div> </li></ul><h2>HTML 元素</h2> <hr><p>"HTML 标签" 和 "<a href="https://www.w3cschool.cn/html/html-elements.html" target="_blank">HTML 元素</a>" 通常都是描述相同的意思。</p><p>但是严格来讲，一个 HTML元素包含了开始标签与结束标签，如下实例:</p><p>HTML 元素:</p><div class="example"> <div class="example_code notranslate"> <p><p>这是一个段落。</p></p> </div></div><h2>Web 浏览器</h2> <hr><p>Web 浏览器（如谷歌浏览器、Internet Explorer、Firefox 和 Safari ）是用于读取 HTML 文件，并将其作为网页显示。</p><p>Web 浏览器不会直接显示 HTML 标签，而是通过使用标签来决定如何向用户展现 HTML 页面的内容：</p><p style="text-align: center; "> <img src="/devdoc/images/202211/9E7B096C933944E2" alt="w3cschool web 浏览器" style="text-align: left;" class=""> <br></p><h2>HTML 网页结构</h2> <hr><p>下面是一个可视化的 HTML 页面结构（只有<code><body></code>标签中的内容会显示在浏览器中）：</p><div style="width:99%;border:1px solid grey;padding:3px;margin:0;background-color:#ddd"><html> <div style="width:90%;border:1px solid grey;padding:3px;margin:20px"><head> <div style="width:90%;border:1px solid grey;padding:5px;margin:20px"><title>页面标题