一、什么是HTML？
HTML不是编程语言，是用来描述网页文档（页面结构）的一种标记语言；
HTML指超文本标记语言（Hyper Text Markup Language），之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。；
HTML规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器 （IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
二、HTML是什么样的？
简单地来说，HTML的语法就是给文本加上表明文本含义的标签(Tag)，让用户（人或程序）能对文本得到更好的理解。
下面是一个最简单的HTML文档：
第一个Html文档
欢迎访问我的博客!
所有的HTML文档都应该有一个元素，元素可以包含两个部分:
和。
元素用于包含整个文档的一般信息，比如文档的标题（
元素用于包含标题），对整个文档的描述，文档的关键字等等。 </p> <p>文档的具体内容就要放在<body>元素里。元素用于表示链接，在浏览器（如IE,Firefox等）中查看HTML文档时，点击标签括起来的内容时， 通常会跳转到另一个页面。这个要跳转到的页面的地址由元素的href属性指定。上面的中，href属性的值就是http://hanzhaoxin.cnblogs.com/。 </p> <h2>三、HTML文档可以包含哪些内容 ？</h2> <p>通过不同的标签，HTML文档可以包含不同的内容，比如文本，链接，图片，列表，表格，表单，框架等。 </p> <li>文本 ：HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。 </li> <li>链接 ：链接用来指出内容与另一个页面或当前页面某个地方有关。 </li> <li> <p class="sycode"> 图片 ：图片用于使页面更加美观，或提供更多的信息。 </p> </li> <li> <p class="sycode"> 列表 ：列表用于说明一系列条目是彼此相关的。 </p> </li> <li> <p class="sycode"> 表格 ：表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。 </p> </li> <li> <p class="sycode"> 表单 ：表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。 </p> </li> <li> <p class="sycode"> 框架 ：框架使页面里能包含其它的页面。 </p></li> <h2>四、对于HTML我会说哪些概念？</h2> <p><strong>文档：</strong>HTML文档俗称网页。</p> <p><strong>标签：</strong>用尖括号包围的关键词我们成为标签。通常HTML标签成对出现，如：、。 </p> <li>开始标签：标签对中的第一个标签是开始标签，也成为开放标签。如。 </li> <li>结束标签：标签对中的第二个标签是结束标签，也成为闭合标签。如。 </li> <p><strong>元素：</strong>我们把匹配的标签对以及它们包围的内容称为元素。即（元素 = 开始标签 + 内容 + 结束标签）。如：我的博客。 </p> <li>块级元素：在浏览器默认显示时以新行来开始（和结束）的元素。 </li> <li>内联元素：又称行内元素，在浏览器默认显示时在同一行按从左至右顺序显示，不单独占一行的元素。 </li> <p><strong>属性：</strong>开始标签中那些以名称/值对的形式出现的内容，我们称之为属性。如上例中：href="http://hanzhaoxin.cnblogs.com/"。（href是属性名称，"http://hanzhaoxin.cnblogs.com/"是属性值）。 </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'后端码农谈前端（HTML篇）第一课：HTML概述_html/css_WEB-ITnose代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html> 