HTML 教程：学习如何构建网页||HTML 简介
HTML 简介
HTML 简介
现在您可以通过如下的一个 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></li><li><code><p></code>标签作为一个段落显示，该标签的结束标志为<code></p></code></li></ul> <table border="1" cellspacing="0"><tbody><tr><th> <p class="img-center"><img referrerpolicy="no-referrer" alt="" src="https://img-blog.csdnimg.cn/img_convert/d0dd55ff83f37be2b8eb89bb10951c38.jpeg" /></p> </th><td><!DOCTYPE html> 在 HTML5 中也是描述了文档类型。</td></tr></tbody></table> <h3><span>什么是 HTML?</span></h3> <hr /> <p><span>HTML 语言用于描述网页。</span></p> <ul><li>HTML 是指超文本标记语言: <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</li><li>HTML 不是一种编程语言，而是一种标记语言</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> <h3><span>HTML 标签</span></h3> <hr /> <p><span>HTML 标记标签通常被称为 HTML 标签 ( HTML tag )。</span></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> <p><span><span><span><span><标签>内容</标签></span></span></span></span></p> </li></ul> <h3><span>HTML 元素</span></h3> <hr /> <p><span>"HTML 标签" 和 "HTML元素" 通常都是描述相同的意思。</span></p> <p><span>但是严格来讲，一个 HTML元素包含了开始标签与结束标签，如下实例:</span></p> <p><span>HTML 元素:</span></p> <p><span><span><span><span><p>这是一个段落。</p></span></span></span></span></p> <h3><span>Web 浏览器</span></h3> <hr /> <p><span>Web 浏览器（如谷歌浏览器、Internet Explorer、Firefox 和 Safari ）是用于读取 HTML 文件，并将其作为网页显示。</span></p> <p><span>Web 浏览器不会直接显示 HTML 标签，而是通过使用标签来决定如何向用户展现 HTML 页面的内容：</span></p> <p class="img-center"><img referrerpolicy="no-referrer" alt="" src="https://img-blog.csdnimg.cn/img_convert/fdc46981fc247935e28be7a3eb202efa.png" /></p> <p><span> </span></p> <h3><span>HTML 网页结构</span></h3> <hr /> <p><span>下面是一个可视化的 HTML 页面结构（只有<code><body></code>标签中的内容会显示在浏览器中）：</span></p> <span><span><html></span></span> <span><span><head></span></span> <span><span><title>页面标题 这是一个标题
这是一个段落。
这是另一个段落。