1.編程工具
WEB前端的學(xué)習(xí)環(huán)境非常簡(jiǎn)單，很多書(shū)上說(shuō)，只需要PC上有瀏覽器和文本編輯器就成。
本小白本著不怕死的沖勁試了試，還真是?。。?/P>
（1）瀏覽器
這個(gè)大家的PC都有吧？我的是360瀏覽器。
（2）文本編輯器
windows自帶的文本編輯器也有吧？
不過(guò)，我折騰后發(fā)現(xiàn)，這個(gè)編輯器對(duì)于保存文件的格式選擇不方便，且代碼看著怪怪的，不習(xí)慣。
果斷棄了，選擇常用的Notepad++，安利下，本軟件保存文件格式多、免費(fèi)，且方便看代碼，超實(shí)用。360軟件寶庫(kù)就有，名字叫Notepad Plus。
有了工具，廢話不多說(shuō)，直接開(kāi)擼！
2.WEB前端第一個(gè)網(wǎng)頁(yè)“hello world！”
有了代碼環(huán)境，直接擼代碼，先享受下成就感！
新建一個(gè)文件夾，比如webtest（之后，若沒(méi)有明說(shuō)，默認(rèn)所有的代碼、資源都會(huì)存在這個(gè)文件夾中。所以，每一次都是在這個(gè)文件夾中進(jìn)行添加、修改）。
打開(kāi)Notepad++，新建文件，編寫(xiě)幾行代碼就成。 <html>
<h1>title</h1> <!--這里，h是head的縮寫(xiě)，也就是標(biāo)題，h1是一級(jí)標(biāo)題，字最大-->
<body>
<p>hello world!!!!</p> <!--這里是文本段落，p是paragraph-->
</body></html>
將文件保存為test.html，保存于webtest文件夾中。
好了，OK！
此時(shí)，你會(huì)看到test.html有了一個(gè)瀏覽器的符號(hào)。如圖1所示。
|
