常用浏览器
IE/火狐/谷歌/Edge/Safari/Opera/等
注：通常前端学习，一个核心之一就是在于需要做浏览器适配工作，所以了解各种浏览器内核也就尤为重要。
通常编写HTML与CSS时在谷歌浏览器预览，IE浏览器做适配。
常用编写代码软件
Dw/Sublime Text/Webstorm/HBuilder/Visual Studio
以下感触均属于个人意见，笔者长期学习以来，这些软件多多少少皆有用过。
每个编写代码软件都各有千秋，没有孰优孰劣之分。所以，修炼之路上在选择一个趁手兵器的同时，更应该是注意的是知识的积累，编写工具注定只是一件兵器而已。
笔者最先接触Dw，简单的拖拽，与代码修改就可以快速编写一个网页，没有一点基础的同学上手简单，但是软件不轻便，用时也需要做相应的学习。
在后期真正的学习中，笔者相继接触了Sublime Text、Webstorm、HBuilder，先说HBuilder，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件，且是国产软件，中文操作界面。但其性能丝毫不输其他二者，轻量级，有丰富完整的语法提示和代码输入法、代码块等，后期的移动端开发中，还可‘打包’程序成app。
Sublime Text一个崇高的文本软件。它是个轻量级、简单的代码编辑器，具有丰富的插件，可以根据自己的需要修改添加快捷键，所以运用起来极为灵活多变，但是同时也得需要花一些时间去了解各个插件用法。
Webstorm，也正是笔者正在用的软件，它被广大中国JS开发者誉为“Web前端开发神器”，功能优势更具有智能的代码补全、格式化、重构、检查和快速修复及代码调试等，但是软件不轻便，启动速度略逊于前者。
Web标准构成
结构标准：结构用于对网页元素进行整理和分类，主要指HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观，主要指CSS。
行为标准：行为是指网页模型的定义及交互的编写，主要指JavaScript。
标准HTML5代码格式
<!DOCTYPE html>
<html lang="zh"><!--标识声明语言类型-->
<head>
<meta charset="UTF-8"><!--字符集编码格式-->
<title>Hello World</title>
<link rel="stylesheet" href=""><!--连接外部资源，通常连接外部样式表-->
<script type="text/javascript" src=""></script><!--引入外部js脚本-->
</head>
<body>
Hello World
</body>
</html>
语义化标签
HTML文档内通常有一些语义化标签，其没有特殊的功能，但是他却有不可忽视的作用，简单说：其方便代码的阅读与维护，让浏览器、网络爬虫很好的解析，并有优化搜索的作用。