看您的问题是打算涉足前端领域了，相信你从网上也可以看到大家的评论，前端门槛低容易学等等言论，其实呢，好多东西都是刚开始简单，做好做深熟练直至精通很难。
说到html和css肯定要提到布局了，简单说也就是写页面，偶的建议是不要急着刚学了个标签就去搞页面，可以先试试这个标签什么展示效果，是块级元素还是行内元素，是用来写文字内容的还是写标题的或者用来做容器的。
等明白了这些基础的，可以找几个简单页面来练手，慢慢的增加复杂度，最后可以找些电商页面来模仿，因为电商嘛东西多UI好看，展示形式多样，把这个搞定了大体上算是过关了。
再就是要学习一下HTML5新标签，它增加了很多语义化标签什么header footer nav section等，这样写出来的也就一目了然，没必要用class来区分了，实际上新标签作用远不止于此。
至于css，偶觉得先掌握一些基本的，容器的宽高边框背景色，文字大小颜色行高，块级元素的行内排列float或者flex布局，盒模型啥的，元素特殊位置定位position等等吧。先把最最基础的搞定，有了感觉想做个什么样式搜一下就出来了。
学习资料方面可以看一下w3school，或者网易云课堂，腾讯课堂，慕课网等视频教程，有免费的也有付费进阶的。
IDE呢也就是编辑器有webstorm，hbuilder，vscode，sublime等吧，每个人有不同的使用感受，你可以多体验几个，选一个顺手的。
千言万语也说不完，最后祝你学习顺利，有啥不懂得可以关注偶私信偶啥的，偶也是一枚前端，可以一起学习互相交流，分享些经验。
