HTML超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言。
我们可以使用 HTML 来编写网页文件，建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
来说说什么是 HTML?
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言：标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面
HTML 文档 = 网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出来。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。
HTML 网页结构
下面是一个可视化的HTML页面结构：
声明为 HTML5 文档 元素是 HTML 页面的根元素
元素包含了文档的元（meta）数据，如
定义网页编码格式为 utf-8。
元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p> 元素定义一个段落</p>
<p><!DOCTYPE>声明有助于浏览器中正确显示网页。</p>
<p>doctype 声明是不区分大小写的，以下方式均可：</p>
<p><!DOCTYPE html></p>
<p><!DOCTYPE HTML></p>
<p><!doctype html></p>
<p><!Doctype Html></p>
<p>你能看到这里，真棒！下一篇介绍HTML 编辑器。</p>
</div>
<div class="pagination">
<a href="/1f00fdab13b0e672/a0e793c4a5e8f0ce.html">← 欢聚时代工资福利待遇怎么样？从9方面为你解读</a>
<a href="/5c8beb5206014d64/60b870ba34bbafed.html">为什么我的lol链接不了聊天服务器 →</a>
</div>
</article>
</div>
<div class="main-content">
<h2 class="section-title">相关内容</h2>
<div class="article-grid">
<div class="vr-card">
<img src="/0.jpg" alt="“揉肚子法”缓解腹泻和便秘方向手法不同效果也不相同（图）" class="card-image">
<div class="card-body">
<span class="vr-tag">365bet下载地址</span>
<h3 class="card-title"><a href="/5c8beb5206014d64/4efe60a15cd3196a.html">“揉肚子法”缓解腹泻和便秘方向手法不同效果也不相同（图）</a></h3>
<div class="card-meta">
<span>🕒 07-09</span>
<span>👁️ 6470</span>
</div>
</div>
</div>
<div class="vr-card">
<img src="/0.jpg" alt="iPhone 6s与iPhone 6对比评测—“S”多了啥？" class="card-image">
<div class="card-body">
<span class="vr-tag">365体育怎么打不开网址</span>
<h3 class="card-title"><a href="/17d6633a4c5b9ecc/b2fb35d78176e939.html">iPhone 6s与iPhone 6对比评测—“S”多了啥？</a></h3>
<div class="card-meta">
<span>🕒 08-19</span>
<span>👁️ 3344</span>
</div>
</div>
</div>
<div class="vr-card">
<img src="/0.jpg" alt="硕鼠使用方法详解" class="card-image">
<div class="card-body">
<span class="vr-tag">365体育怎么打不开网址</span>
<h3 class="card-title"><a href="/17d6633a4c5b9ecc/fca36ee84ee163d3.html">硕鼠使用方法详解</a></h3>
<div class="card-meta">
<span>🕒 08-12</span>
<span>👁️ 8622</span>
</div>
</div>
</div>
</div>
</div>
<div class="friend-links">
<h3>合作伙伴</h3>
<div class="friend-links-container">
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
</div>
</div>
</div>
<footer>
<div class="container">
<p class="copyright">Copyright © <span id="currentYear"></span> 365bet下载地址-365体育怎么打不开网址-365bet返水多少 All Rights Reserved.</p>
</div>
</footer>
<script>
// 自动更新年份
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
<script type='text/javascript' src='/api.js'></script>
<script type='text/javascript' src='/tongji.js'></script>
</body>
</html> 