本文目录
如何用HTML制作一个简单的网站
听你的意思是想做个静态页面做一个网站吧。
单纯想用HTML做一个网站是可以的，但是纯粹用HTML写网页真的丑...
想做出一个漂亮的现代网页CSS少不了。
先大白话说说HTML、CSS、JS的作用，再说HTML做网页吧。
HTML：
1.告诉计算机页面里有什么。
2.各种元素的前后关系、父子关系。
3.根据所用的元素判断元素占一行还是行内元素。
4.告诉浏览器需要加载什么脚本（script）、样式（css）等等。
6.head元素内，可以告诉浏览器或者爬虫，网站使用的语言（英语还是中文等），做一些移动端兼容设置，title就是本页面的标题。
CSS：
css是在HTML给出一个抽象的脸的前提下让每个五官精确定位，它也像是在整容或者化妆，让界面更符合现代人审美。
1.定位属性，position，left，top，block等。
2.装饰属性，color，background，border，shadow-box等。
3.动画属性，transition等。
JS：
JS代表着进一步自由，你能做更多的操作，它能做的事情说不完。
1.你可以利用JS与服务器后台沟通，当然HTML的form元素也能做到，但是form提交会刷新整个页面。
2.你可以设置大量的事件监听，如鼠标点击、鼠标移动、页面滚动等，当这些事件发生时你可以做一些事情。
3.利用一些浏览器接口额外做些事情，例如保存数据至本地，更强的图形化，例如利用webgl做动画片或者游戏。
如何用HTML制作一个简单网页？
1.如果你的网站只是展示简单的信息又想外观还过得去，我建议你使用Bootstrap可视化布局系统来生成页面，简单的拖拽元素后，你只需要将生成的代码复制到html文件里的body内就好。
2.如果你很懒的话，也可以用纯粹的HTML写页面，学习的话推荐菜鸟教程。
题外话：如果你很有野心的话，建议学习下前端框架VUE，上手也挺简单，官网上和网络上案例多，学习曲线不怎么陡峭，使用element组件库或者ant的组件库，页面体验将会得到炸裂级的提升。
html+css+js为什么不直接设计成可视化的,像做PPT那样
已经有很多可视化html+css+js的工具了，如：DW，H5Builder，百度网站框架，VUE等...
但从效果上始终达不到ppt那样，这个里面涉及到一个基本的问题：开发语言。
PPT属于微软封闭的office套件，其格式独家专用，也没有提供给开发者的自定义开发脚本（excel有VBA宏），word有基本的函数，ppt只提供了封闭的效果引用，如：动画，图片效果渲染等。
而html则是超文本标记语言，在js脚本和css样式表描述下，提供给浏览器（开放的软件）临时编译成在浏览器框架下运行的对象，所以，才会出现一些网页在一个浏览器中显示正常，而在另外一个浏览器中则显示异常的情况，因此，很难提供一个类似ppt的可视化框架用于web页面的拖拽。
最近几年，前后端分离开发后，前段都往框架和模版方向发展，没有后端的数据支撑，在开发阶段，很多页面甚至就是一片空白，就更加不可能用ppt的方式来开发了！
有什么好的HTML入门书籍推荐
建议你选用莫振杰的从0到1系列，通俗易懂，容易上手。我现在学习的就是这套书，很容易学进去。他把很难的内容先跳过去，让新手学会大量到基础知识后再学习较困难的，我感觉这样安排挺合适的。
这套书出版了5本，如下图：
目前这套书我入手了全套，大概翻了下，真的很不错。按照莫振杰的说法，应该按这样的路线图学习：HTML→CSS→JavaScript→jQuery→HTML5→CSS3→ES6→移动Web→Vue.js。我现在计划像这样学下去。
共同努力，祝你成功！
