首先我们要知道访问网站的流程是怎样的？每个人每天都来参观。假设你在浏览器地址栏输入这个问题的地址。https://www.toutiao.com/question/22689579HTML和CSS当你的电脑拿到一个html页面（图中HTTP响应body中的内容），就会对其进行解析。HTML是一种超文本标记语言。举个例子：[img]picture[/img]用来粘贴图片[url]hyperlink[/url]用来粘贴服务器返回给你的html文件，写一些代码，大概是这样的:浏览器得到这些代码后，会解析并渲染页面并显示出来。如果不使用CSS，效果如下图所示。表格、超链接等按浏览器默认样式显示。是不是觉得默认的样式有点ε(┬┬﹏┬┬)3...所以很多时候我们需要自定义这些样式。目前通用的样式语言是CSS。我们用CSS写一些自定义的样式代码，然后在HTML文件中，用一个标签把指定样式的CSS和表达内容语义的HTML代码链接起来，然后大家就可以看到所谓的以前的普通页面，是不是很强大~~~CSS代码的基本格式属性：取值比如今日头条的分发框排版，它的CSS，截图大致如下：如果翻译第一个对应的代码属性，背景图片位置偏移量（background-position）从图片左上角水平偏移1px，垂直偏移2px，浏览器会定时实现代码需要的效果，所以当你上下滚动页面，顶部的导航栏会牢牢固定在窗口顶部的固定位置，没有任何偏移。再说说其他一些属性来解释一下：left是240px，表示这个模块必须紧靠窗口的左边240px，width和height指定模块的宽高，border表示这个模块的边界范围也就是说，浏览器会根据这些CSS代码，自动绘制相应的样式。HTML5和XHTML就像语言。你在网页上找到的HTML代码不一定是标准的，就像有时候发音不标准，别人会猜到你在说什么。有时候，程序员不小心把一段HTML代码写错了，浏览器也会尝试去猜测这些人原本想写什么，然后做出相应的处理，而这里的猜测必须是基于常识的。另外，有的浏览器功能不一样，有的支持一些标签，有的不支持，也有一些混淆。为了不让大家一头雾水，我们需要对HTML代码中的标签，标签怎么写，标签的hava属性，建立一个标准。HTML5是相对较新的标准之一。其中，加入了很多新的可以使用的标签和属性，然后各大浏览器也大刀阔斧的按照这个标准实现了很多新的标签和属性。本来前端程序员要写一堆代码才能实现效果，现在浏览器已经实现了。只需要程序员写两三行，调用浏览器就搞定了。很简单，所以很多人愿意推广。这个标准~（当然新标准不可能十全十美，也会出现一些问题，有兴趣的朋友可以看看）至于XHTML，它是HTML的表弟，XML和HTML本身的混合系列，这对语法有非常严格的要求。严格，为了与XML兼容，与HTML有一些语法差异。JavaScript和浏览器脚本具有表达内容和语义的HTML，以及指定样式的CSS。你得到的是一个没有任何动画的静态页面。CSS虽然可以有一些动画，但是需要刷新数据。这么沉闷单调的网页怎么能展现出我智人种族的创造力呢！于是我们创建了Javascript（JS）来为页面添加一些动态效果，比如标题的发布标签，鼠标上移时会弹出一个小窗口。这是用JS实现的效果。浏览器会帮你实现一些Javascript可以使用的工具（函数、对象等）。写一些JS代码，保存在xxx.js中，在html文件中用
