前端技术的核心在于：

1. HTML：超文本标记语言，是用来描述网页的一种语言，定义了页面的结构，属于结构层
2. CSS：层叠样式表，定义了如何显示页面，比如位置、颜色等等，是表现层。
3. JavaScript：脚本语言，用于实现网页的功能，完成一些交互等等，属于行为层

所以我觉得从HTML和CSS开始学起比较好。

HTML和CSS的书籍和资料推荐：

1. 先熟悉下html标签，这里是官方的入门资料
2. 视频的话，可以上慕课网看这个视频
3. 书籍的话，可以自己网上下深入浅出 HTML 与 CSS(英文名是Head First HTML and CSS)

上面是基础的，边看可以边结合这个网站做实战例题。

软件的话，先下sublime text，浏览器用谷歌或者火狐吧