使用Brackets.io 編輯網頁

在本文中,我們簡單地示範如何使用Brackets.io編輯網頁。首先我們準備了一個目錄。如圖1。

圖1

接着我們在檔案總管空白處,按右鍵開啟Brackets.io,如圖2。

圖2

在左側工作窗格按右鍵,點選“New File”, 隨即出現—新檔案。如圖3,4。
圖3

圖4

把該檔案命名為index.html,如圖5。

圖5

然後我們在右側編輯內即可開始輸入HTML, 如圖6。 在你打完開始標籖後,Brackets.io會自動幫忙補上結束標籖,非常方便,如圖6。

圖6

你可以參考圖7編輯—個簡單網頁進行測試。


圖7

編輯完成後點右上方的Live Preview鍵,如圖8。

圖8

你的網頁隨即在Chrome開啟,如圖9。


圖9

很容易吧?!



PS: 版權所有,侵犯著作權必告.




留言