一個好的編輯器我們可以方便的開發(fā)項目，編寫代碼，配置和管理我們的項目。所以我們開始編寫html代碼之前需要搭建開發(fā)環(huán)境。

基于html項目的開發(fā)和代碼編寫現(xiàn)在網(wǎng)上有很多編輯器，也有免費的，也有收費的編輯器。基于在Windows系統(tǒng)環(huán)境下開發(fā)和編寫html代碼最簡單的編輯器就是Windows自帶的記事本，我們可以使用記事本編輯html代碼。

使用記事本編寫html的步驟是首先新建一個文本文檔，按照html的語法規(guī)則編寫相關(guān)的代碼和保存文件，然后把文件的后綴名改為.html，使用電腦上的瀏覽器打開就可以查看我們代碼的運行結(jié)果。

雖然記事本也能編寫html代碼，但是效率不高也不方便，所以我們使用專業(yè)的編輯器來開發(fā)項目，編寫代碼和管理項目。

常用html代碼編寫的免費軟件有HBuilderX，vs code，Sublime Text 等等。

HBuilderX官網(wǎng)下載地址：

https://www.dcloud.io/hbuilderx.html

vs code的官網(wǎng)下載地址：

https://code.visualstudio.com/

Sublime Text官網(wǎng)下載地址：

http://www.sublimetext.com/

我們以后的教程都使用HBuilderX，所以下面為了同學(xué)們的學(xué)習(xí)方便，對HBuilderX的下載和安裝做詳細的教程。

一，下載

首先訪問HBuilderX的官網(wǎng)網(wǎng)址：

https://www.dcloud.io/hbuilderx.html

打開上面的HBuilderX下載網(wǎng)址后點擊頁面上download，在彈出的對話框里選擇適合自己電腦的HBuilderX版本下載。

在Windows10環(huán)境下下載后的文件是一個壓縮的.zip文件。

二，安裝

鼠標(biāo)右擊下載下來的壓縮文件進行解壓。

解壓完成后是一個名為HBuilderX的文件夾。

解壓完成后鼠標(biāo)雙擊HBuilderX文件夾：

雙擊運行名為HBuilderX.exe的應(yīng)用程序文件即可啟動HBuilderX編輯器：

因為HBuilderX是一個綠色軟件所以沒有桌面快捷方式和開始菜單快速啟動程序，我們可以右擊HBuilderX.exe文件創(chuàng)建桌面快捷方式。

小百科：

綠色軟件指一類小型軟件，多數(shù)為免費軟件，最大特點是軟件無需安裝便可使用，可存放于閃存中，移除后也不會將任何記錄留在本機計算機上。通俗點講綠色軟件就是指不用安裝，下載直接可以使用的軟件。綠色軟件不會在注冊表中留下注冊表鍵值，所以相對一般的軟件來說，綠色軟件對系統(tǒng)的影響幾乎沒有，所以是很好的一種軟件類型。

三，新建項目

HBuilderX編輯器初次啟動時的默認界面是下圖所示：

按照下圖所示可以創(chuàng)建一個新的名為demo1空白項目：

名為demo1的空白項目創(chuàng)建成功后的界面如下圖所示：

接下來在剛我們新建的demo1項目下創(chuàng)建名為helloworld的html文件

鼠標(biāo)右擊創(chuàng)建的demo1項目選擇新建在選擇.html文件：

在彈出的對話框里填入html文件的名稱：

編寫一段代碼：

運行：

在瀏覽器上觀察效果：

好了，到這里html的開發(fā)環(huán)境搭建和HBuilderX的安裝教程結(jié)束了。

下面再給大家教一下怎樣修改HBuilderX的主題風(fēng)格，HBuilderX自身提供了修改軟件主題的功能，使用者可以自身需求和喜好修改HBuilderX的風(fēng)格。在喜歡自己喜歡的環(huán)境下做開發(fā)也是令人羨慕的一件事。

按照一下步驟可以修改HBuilderX的主題，默認主題是綠柔，我們可以改成雅黑，雅藍或者自定義主題：

雅黑主題：

雅藍主題：

好了本節(jié)全部內(nèi)容全部結(jié)束了，希望我準備的內(nèi)容對你有所幫助

你的支持是我的最大動力，若覺得我的教程還可以對你有幫助為我點贊加關(guān)注！謝謝！

告

當(dāng)前，疫情防控工作正處于關(guān)鍵時期，為堅決貫徹黨中央、國務(wù)院和市委、市政府的工作部署，全力做好疫情防控工作，保障廣大人民群眾的健康安全，減少人員聚集，現(xiàn)就相關(guān)事項公告如下：

1、盡量減少疫情防控期間至現(xiàn)場申請調(diào)解仲裁，如發(fā)生勞動爭議，當(dāng)事人可先通過電話進行咨詢登記（021-56108351），也可通過“上海人社APP”網(wǎng)上申請調(diào)解；

2、如確需來院（友誼路6號）辦事、調(diào)解、開庭的，需查驗健康碼、行程碼（均為綠碼），進行體溫檢測（低于37.3℃），全程準確佩戴口罩，并提供48小時內(nèi)核酸檢測陰性證明。

疫情防控人人有責(zé)，相關(guān)措施給您帶來不便，敬請諒解。

上海市寶山區(qū)勞動人事爭議仲裁院

2022年3月21日

01 下載“上海人社”手機APP

02 通過實名認證注冊登錄后，點擊進入“網(wǎng)上調(diào)解”

03 選擇調(diào)解申請

04 準確填寫個人信息

05 準確填寫單位信息

請注意輸入單位全稱，可通過工商官網(wǎng)查詢單位注冊登記信息，工商官網(wǎng)：http://www.gsxt.gov.cn/index.html。需確保單位信息準確有效。

06 準確填寫請求事項

先選擇請求事項，然后在詳細訴求欄內(nèi)寫明具體的訴求，訴求需寫明期限、具體請求事項及請求金額。

溫馨提示

一經(jīng)提交無法修改，請仔細核對填寫信息，確認無誤后提交。詳細訴求請參照所列樣式填寫完整的期間、名稱及金額。網(wǎng)上申請?zhí)峤煌瓿珊螅埬托牡却３诸A(yù)留聯(lián)系電話暢通，將有工作人員及時與你聯(lián)系！

資料：寶山公信仲裁

編輯：宋鴿

校對：趙慧敏

絡(luò)不良與垃圾信息舉報受理中心 https://12321.cn

全國12315平臺 http://www.12315.cn

中國掃黃打非網(wǎng) http://www.shdf.gov.cn/shdf/channels/740.html

電信用戶申訴受理中心 https://dxss.miit.gov.cn

國家郵政局申訴網(wǎng)站 http://sswz.spb.gov.cn/index.html

國家藥監(jiān)局數(shù)據(jù)查詢 http://app1.sfda.gov.cn/datasearchcnda/face3/dir.html

國家企業(yè)信用信息公示 http://www.gsxt.gov.cn/index.html

個人信用記錄查詢的征信中心 https://ipcrs.pbccrc.org.cn

醫(yī)生執(zhí)業(yè)注冊信息查詢 http://zgcx.nhc.gov.cn:9090/doctor

學(xué)籍檔案查詢的學(xué)信網(wǎng) https://www.chsi.com.cn

判決文書查詢 http://www.court.gov.cn/wenshu.html

中國領(lǐng)事服務(wù)網(wǎng) http://cs.mfa.gov.cn/zggmcg/

公安部舉報中心 https://www.12389.gov.cn

中紀委國家監(jiān)委舉報 http://www.12388.gov.cn

12309中國檢察院 http://www.12309.gov.cn

中央網(wǎng)信辦（不良信息舉報） http://www.12377.cn

國家新聞出版廣電總局 http://dy.chinasarft.gov.cn/index.html

國家新聞出版游戲?qū)徟?http://www.sapprft.gov.cn/sapprft/channels/

互聯(lián)網(wǎng)金融舉報信息平臺 https://jubao.nifa.org.cn/ipnifa/

歡迎關(guān)注微信公眾號“kdhcom”,查看更多 ≧???≦。