1.编程工具

WEB前端的学习环境非常简单，很多书上说，只需要PC上有浏览器和文本编辑器就成。

本小白本着不怕死的冲劲试了试，还真是！！！

这个大家的PC都有吧？我的是360浏览器。

windows自带的文本编辑器也有吧？

不过，我折腾后发现，这个编辑器对于保存文件的格式选择不方便，且代码看着怪怪的，不习惯。

果断弃了，选择常用的Notepad++，安利下，本软件保存文件格式多、免费，且方便看代码，超实用。360软件宝库就有，名字叫Notepad Plus。

有了工具，废话不多说，直接开撸！

2.WEB前端第一个网页“hello world！”

有了代码环境，直接撸代码，先享受下成就感！

新建一个文件夹，比如webtest（之后，若没有明说，默认所有的代码、资源都会存在这个文件夹中。所以，每一次都是在这个文件夹中进行添加、修改）。

打开Notepad++，新建文件，编写几行代码就成。

<html><h1>title</h1>   <!--这里，h是head的缩写，也就是标题，h1是一级标题，字最大--><body><p>hello world!!!!</p>  <!--这里是文本段落，p是paragraph--></body></html>1
2
3
4
5
6
7
8

将文件保存为test.html，保存于webtest文件夹中。

好了，OK！
此时，你会看到test.html有了一个浏览器的符号。如图1所示。

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。