菜鸟学网站开发入门之（一）—— html 入门
什么是html？html就是符合HTML（超文本标记语言）语法一类特殊的内容
小白阶段可以把它理解为符合某种特殊语法的字符串，并且它是存放在以“.html”后缀结尾的文件中的，当服务端向客户端发送一个后缀名为“.html”的文件时，浏览器就会根据这个文件的内容将这个html页面渲染成它所要表达的画面。这里我只讲部分html的实现原理，只涉及部分html语法，想具体学习html还需另找教程。在“菜鸟教程”、“慕课网”等网站上都可以找到不错的教程，这里就不在重复了。
ok，我们现在直接进入主题，上面已经大概讲了什么是html了，那我们现在来了解一下，html是如何实现的呢？
html不是一门真正的语言，它并不能够被运行，只能被识别，被渲染。比如当浏览器读取到“<p>你好吗？</p>”这个标签的时候，浏览器便会将其渲染成一个文本的段落，这个段落的内容就是“你好吗？”，所以说，html不是一门语言，而是一种符合某种规范、某种标准的字符流或文件。
首先，一个html文件（以后缀".html"结尾的文件）的内容一定是由标签“<html>....</html>”所包围的。标明浏览器要渲染的内容是html。而<html>标签所包围的一定有“<head>”标签和"<body>"，标明这个html的头部分和主体部分，其中头部分（<head>）是不能被看见的（或者说只有极少部分可以被看见，比如<head>标签里的<title>标签，表示这个页面的标题），而主体就是呈现给用户的，不一定是画面，还有声音等内容。具体看一下内容：
这是一个名为“hello.html”的html页面，由于它是以“.html”为后缀的，所以我的电脑已经将其更改成了浏览器的图标，因为一般html文件就是由浏览器打开并渲染的。
右击选择用记事本打开，可以看到其内容为（由于html文件默认是使用浏览器打开，所以如果直接双击会弹到浏览器页面，并且浏览器会将其渲染出来）：
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是内容标题1</h1>
<h2>这是内容标题2</h2>
<h3>这是内容标题3</h3>
<h4>这是内容标题4</h4>
<h5>这是内容标题5</h5>
<h6>这是内容标题6</h6>
<p>这是一个段落内容，这是一个段落内容，这是一个段落内容，这是一个段落内容，这是一个段落内容，这是一个段落内容，这是一个段落内容</p>
</body>
</html>双击它可以看到它被浏览器渲染后的结果。
我们可以看到，小方框里的内容是<head>标签里的<title>标签里的内容，而大方框的内容是<body>标签里的内容。当浏览器读取到<h1>标签时，会将其包围的内容渲染成一级标题的样子，所以我们看到了那样的大字体，一样，当浏览器读取到<h2>、<h3>、<h4>、<h5>、<h6>、<p>这些标签时一样会将其包围的内容渲染成对应的样子。具体像这样的标签还有很多，可以去查阅w3school的关于html的文档。由于html不是一门真正的语言，所以学习起来也不难，几乎不用考虑数据逻辑等，所以学起来也会很快。从小白阶段到熟练掌握html，估计快则一两天，慢则三五天便可以掌握了。
而对于网站的美化，则需要学习CSS，CSS同样不是一门语言，而是html辅助而已。可以给某些标签设置特定的属性，从而达到美化的效果。如同化妆品对一个女人的作用一样，不会改变一个网页的本质分布，却可以让它看起来更加迷人，其语法同样简单，可以和html合着一起学，熟练掌握估计也就三五天吧。总之，html和CSS只是学习网站开发的开始，虽然它属于前端的内容，但它同样的后端学习者的必修课，html和CSS都不懂就谈不上什么网站开发了，况且它也不难。
具体的教程可以去“慕课网”、“菜鸟教程”上查找，哪里的入门教程都非常不错。
上一篇： AJAX动态加载元素无法绑定事件问题解决
下一篇： kafka 集群部署搭建