初学HTML从基础知识入手，学习浏览器内核、HTML基本结构标签、HTML语法规范、VSCode编辑器、HTML常用标签、相对路径、锚点定位、表格、列表、表单等内容。
前端HTML基础知识学习路线：
1， 浏览器与浏览器内核；HTML 简介导读；网页的相关概念；常用浏览器以及内核；web标准 HTML标签导读
2 ，HTML基本结构；HTML语法规范；HTML基本结构标签；VSCode工具创建页面 ；DOCTYPE和lang以及字符集的作用；标签语义
3 ，HTML常用标签；标题标签；段落标签和换行标签；文本格式化标签；div和span标签；图像标签；图像标签注意点
4 ，路径和锚点定位；目录文件夹和根目录；相对路径；绝对路径；链接标签；锚点链接；注释标签和特殊字符
5 ，HTML 综合案例
6， 表格和列表标签及案例；HTML标签 ；表格标签基本使用；表头单元格标签 ；表格相关属性(了解) ；表格结构标签 ；合并单元格；表格总结 ；无序列表；有序列表；自定义列表；列表总结
7 ，表单相关元素及属性；表单使用场景以及分类；表单域；input之type属性文本框和密码框；input之type属性单选按钮和复选框；input之name和value属性；input之checked和maxlength属性；input表单元素四个属性使用场景；input之type属性提交和重置按钮；input之type属性普通按钮和文件域；label标签 ；select下拉表单；textarea文本域标签。
@ 做网页设计需要学习哪些内容？
这个问题偶来回答一下，偶本人是一个前端工程师，经常给系统设计页面。
如果你只是做静态的网页页面设计，首先你要会HTML(包括html5)包括和CSS，这是页面布局的基础，现在一般都是div+css。
当然做页面设计肯定离不开图像处理软件，比如PS，AI(不是人工智能)这类的软件，总要会一个，把需要的图片进行处理，符合页面的要求。
现在一般都是响应式布局，就是一套代码，可以在大小不同的屏幕上正常显示，比较简单的方法是css里的@media，不过这样写代码会比较多。
除此之外就是用Bootstrap框架，是支持响应式布局的，样式也挺好看的，能够快速地布局。
这些是一些基础的知识，如果都了解，可以去从事网页设计了，在工作中遇到其他问题，再继续学习。
@ 怎样学好HTML和CSS基础？
看您的问题是打算涉足前端领域了，相信你从网上也可以看到大家的评论，前端门槛低容易学等等言论，其实呢，好多东西都是刚开始简单，做好做深熟练直至精通很难。
说到html和css肯定要提到布局了，简单说也就是写页面，偶的建议是不要急着刚学了个标签就去搞页面，可以先试试这个标签什么展示效果，是块级元素还是行内元素，是用来写文字内容的还是写标题的或者用来做容器的。
等明白了这些基础的，可以找几个简单页面来练手，慢慢的增加复杂度，最后可以找些电商页面来模仿，因为电商嘛东西多UI好看，展示形式多样，把这个搞定了大体上算是过关了。
再就是要学习一下HTML5新标签，它增加了很多语义化标签什么header footer nav section等，这样写出来的也就一目了然，没必要用class来区分了，实际上新标签作用远不止于此。
至于css，偶觉得先掌握一些基本的，容器的宽高边框背景色，文字大小颜色行高，块级元素的行内排列float或者flex布局，盒模型啥的，元素特殊位置定位position等等吧。先把最最基础的搞定，有了感觉想做个什么样式搜一下就出来了。
学习资料方面可以看一下w3school，或者网易云课堂，腾讯课堂，慕课网等视频教程，有免费的也有付费进阶的。
IDE呢也就是编辑器有webstorm，hbuilder，vscode，sublime等吧，每个人有不同的使用感受，你可以多体验几个，选一个顺手的。
千言万语也说不完，最后祝你学习顺利，有啥不懂得可以关注偶私信偶啥的，偶也是一枚前端，可以一起学习互相交流，分享些经验。
网站前端开发设计基础html Web前端开发html要掌握哪些知识 – 前端技术 – 前端 html表格单元格与单元格
