一、HTML文件中各字段含义
1.是声明文档，此处将文档声明为HTML5文档。
2.是HTML的根元素，表示HTML内容从这里开始。
3.
是头部元素，包含文档(meta)数据，这里的内容不会直接显示在网页上。
4.
元素声明了文档元数据：文档标题。</p>
<p>5.<body>元素声明了HTML正文内容从这里开始</p>
<p>6.<h1>元素可以定义一个大标题，以及h2-5分别都是不同级别的标题。</p>
<p>7.<p>元素声明了一个段落。</p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>二、HTML是什么</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>1.HTML指超文本标记语言：Hyper Text Markup Language</p>
<p>2.HTML不是一种编程语言，而是一种标记语言</p>
<p>3.标记语言是一套标记标签（markup tag）</p>
<p>4.HTML使用标记标签来描述网页</p>
<p>5.HTML文档包含了HTML标签及文本内容</p>
<p>6.HTML文档也叫web页面</p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>三、HTML标签（HTML tag）</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>1.HTML标签是由尖括号包围的关键词，比如<html></p>
<p>2.HTML标签通常是成对出现的，比如<b>和</b></p>
<p>3.标签对中的第一个标签是开始标签，第二个是结束标签</p>
<p>4.开始和结束标签也称为开放和闭合标签<标签>和</标签></p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>四、HTML元素</strong></p>
<p>"HTML标签"和"HTML元素"通常都是描述同样的意思；</p>
<p>但HTML元素包含了开始、结束标签。</p>
<p><p>这是一个段落标签</p></p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>五、WEB浏览器</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>web浏览器（Chrome（谷歌浏览器）、Firefox（火狐浏览器）、Internet Explorer（IE浏览器）、Safari（mac操作系统特有浏览器））；</p>
<p>浏览器不是直接显示HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户。</p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>六、HTML网页结构</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>一般HTML网页，都会有如下结构：</p>
<p><html></p>
<p><head></p>
<p><title>页面标题<\title></p>
<p><\head></p>
<p><body></p>
<p><h1>这是一个标题<\h1></p>
<p><p>这是一个段落<\p></p>
<p><p>这是另一个段落<\p></p>
<p><\body></p>
<p><\html></p>
<p class="ztext-empty-paragraph"> </p>
<p>注意：doctype声明是不分大小写的，但推荐大写。</p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>七、HTML各推荐标准通用声明</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>1.HTML5</p>
<p><!DOCTYPE html></p>
<p class="ztext-empty-paragraph"> </p>
<p>2.HTML4.02</p>
<p><!DOCTYPE HTML PUBLIC</p>
<p>"-//W3C//DTD HTML 4.01 Transitional//EN" "<span class="invisible">http://www.<span class="visible">w3.org/TR/html4/loose.d<span class="invisible">td</span></span></span>"></p>
<p class="ztext-empty-paragraph"> </p>
<p>3.XHTML 1.0</p>
<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p>
<p>"<span class="invisible">http://www.<span class="visible">w3.org/TR/xhtml1/DTD/xh<span class="invisible">tml1-transitional.dtd</span></span></span>"></p>
<p class="ztext-empty-paragraph"> </p>
<p><strong>八、中文编码</strong></p>
<p class="ztext-empty-paragraph"> </p>
<p>例子：HTML设置utf-8编码</p>
<p class="ztext-empty-paragraph"> </p>
<p><!DOCTYPE html></p>
<p><html></p>
<p><head></p>
<p><meta charset="utf-8"></p>
<p><title>声明utf-8编码<\title></p>
<p></head></p>
<p><body></p>
<p><h1>UTF-8</h1></p>
<p><p>utf-8</p></p>
<p><\body></p>
<p></html></p>
</div>
<!--conend-->
<div class="p-2"></div>
<div class="arcinfo my-3 fs-7 text-center">
<a href='/t/etagid8819-0.html' class='tagbtn' target='_blank'>Web前端开发</a>
</div>
<div class="p-2"></div>
</div>
<div class="p-2"></div>
<!--xg-->
<div class="lbox p-4 shadow-sm rounded-3">
<div class="boxtitle"><h2 class="fs-4">相关</h2></div>
<hr>
<div class="row g-0 py-2 border-bottom align-items-center">
<div class="col-7 col-lg-11 border-lg-end">
<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-256141.html">Web前端开发</a></h3>
<div class="ltag fs-8 d-none d-lg-block">
</div>
</div>
</div>
<!---->
<!---->
</div>
<!--xgend-->
</div>
<div class="col-lg-3 col-12 p-0 ps-lg-2">
<!--box-->
<!--boxend-->
<!--<div class="p-2"></div>-->
<!--box-->
<div class="lbox p-4 shadow-sm rounded-3">
<div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div>
<div class="clearfix"></div>
<ul class="m-0 p-0 fs-7 r-tag">
</ul>
<div class="clearfix"></div>
</div>
<!--box end-->
</div>
</div>
</div>
</main>
<div class="p-2"></div>
<footer>
<div class="container-fluid p-0 bg-black">
<div class="container p-0 fs-8">
<p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
<script src="/skin/bootstrap.bundle.js"></script>
</body>
</html>