站長資訊網
        最全最豐富的資訊網站

        html用什么開發工具

        html開發工具:1、Sublime Text 3;2、Webstorm;3、Visual Studio Code;4、Atom;5、HBuilder;6、Notepad++;7、Eclipse;8、Brackets;9、Vim編輯器等等。

        html用什么開發工具

        本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

        一:HTML 是什么

        HTML,全稱 “Hyper Text Markup Language(超文本標記語言)”,它是制作萬維網頁面的標準語言。

        所謂超文本,因為它可以加入圖片、聲音、動畫、多媒體等內容。不僅如此,它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。

        需要特別說明的是,HTML不是一門編程語言,而是一門描述性的標記語言。

        二:HTML 要學習什么

        學習 HTML,就是學習各種標簽,即網頁的“骨架”。

        標簽有文字標簽、圖像標簽、音頻標簽、表單標簽等等。因為 HTML 這門語言就是一門描述性語言,就是用標簽來說話。

        舉個例子,如果你要在瀏覽器顯示一段文字,你就用到 段落標簽 p,如果你要在瀏覽器顯示一張圖片,就要用到 圖像標簽 img 。針對對象不同,使用的標簽也不同。

        學習 HTML 就是學習各種各樣的標簽,然后針對你想要顯示的內容,來使用相應的標簽,即在對的地方用對的標簽。

        三:HTML 文檔的后綴名

        • html
        • htm

        這兩種寫法是一樣的,沒有任何區別。

        四:HTML 的開發工具有哪些

        能寫 HTML 代碼的編輯器有很多種,至于哪個是最好用的 HTML 代碼編輯器,每個人的觀點不一樣,這里我只舉出我用過的幾個,供君參考

        1)Sublime Text 3

        html用什么開發工具
        Sublime 的代碼顏色是我最喜歡的,以至于我用其它編輯器,也要改成和它一樣的顏色。

        2)Webstorm

        html用什么開發工具
        Webstorm 的代碼智能提示以及自定義快捷鍵,顏色深得我喜歡。

        3)Visual Studio Code

        html用什么開發工具

        Visual Studio Code 是微軟開發的輕量級的編輯器,插件功能非常強大。

        4)Atom

        這個軟件從架構上比 vscode 更重視擴展和自由性,其本身就是由眾多擴展構成的。擴展的自由度很高,例如裝一個 minimap 跟 sublime text 一樣了。寫前端跟 vscode 半斤八兩,一樣可以做其他很多語言的開發。但是個人感覺擴展質量普遍沒有 vscode 的高。起初用過一段時間,但是受不了參差不齊的擴展質量和兼容性,就轉 vscode 了。

        5)HBuilder

        這是個號稱專門為HTML5準備的IDE,我在幾年前用過,貌似是基于 eclipse 內核的。所有基于 eclipse 的軟件我都不想用。當初記得它連 代碼的 format 都有 BUG。格式化代碼在上面推薦的幾個中任意一個用擴展都能輕易做到非常完美的地步。

        6)Notepad++

        Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL),有完整的中文化接口及支持多國語言編寫的功能(UTF8 技術)。它的功能比 Windows 中的 Notepad(記事本)強大,除了可以用來制作一般的純文字說明文件,也十分適合當作編寫電腦程序的編輯器。Notepad++ 不僅有語法高亮度顯示,也有語法折疊功能,并且支持宏以及擴充基本功能的外掛模組。

        7)Eclipse

        Eclipse 是著名的跨平臺的自由集成開發環境(IDE)。最初主要用來Java語言開發,但是目前亦有人通過插件使其作為其他計算機語言比如C++和Python的開發工具。

        8)Brackets

        Adobe 開源的前端開發工具。這個基本上是完全為前端準備的,支持插件。起初用過一段時間,體驗很不錯的。內置 Server,可以直接預覽變化。

        9)Vim 編輯器

        Vim 是一種高度可配置的文本編輯器,可以非常高效地創建和更改任何類型的文本。大多數 UNIX 系統都以 “vi” 的形式支持它。許多開發人員喜歡使用 Vim 進行各種編輯工作。Vim 非常穩定,并且在不斷發展而變得更好。

        10)Deco IDE

        Deco 是專為 React Native 打造的 IDE。它是一個用于編寫 React Native 應用程序的一體化解決方案,無需任何環境設置即可下載和使用。Deco 專注于組件重用,并支持用戶對 UI 的實時編輯,從而改進了React Native 開發工作流程。

        11)TextMate 編輯器

        TextMate 并不是 IDE,但是通過使用其強大的片段、宏和獨特的范圍界定系統,它通常可以提供即使是編程語言特定的 IDE 都缺乏的功能。React 不直接支持,但是借助下面的插件可以很容易地獲得對大多數 React 代碼所基于的 JSX 的支持。

        12)Spacemacs 編輯器

        Spacemacs 是一個社區驅動的 Emacs 發行版 – 最好的編輯器既不是 Emacs 也不是Vim,它是 Emacs 和 Vim 相結合!

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 99精品人妻少妇一区二区| 精品一区二区三区高清免费观看| 精品免费tv久久久久久久| 亚洲国产精品13p| 91精品久久久久久无码| 国产AV国片精品有毛| 亚洲精品无码专区2| 精品国产高清在线拍| 亚洲日韩精品欧美一区二区| 成人国产精品免费视频| 亚洲AV成人精品一区二区三区| 久久国产精品视频| 97久人人做人人妻人人玩精品| 国产原创精品视频| 2021国产精品成人免费视频| 人妻少妇精品无码专区二区| 亚洲精品和日本精品| 日本熟妇亚洲欧美精品区| 国自产精品手机在线观看视频| 91精品国产福利在线观看麻豆| 国产精品大白天新婚身材| 精品国产第一国产综合精品| 亚洲高清国产AV拍精品青青草原| 婷婷国产成人精品一区二| 久久99国产精品成人欧美| 国内精品国语自产拍在线观看| 9999国产精品欧美久久久久久| 尤物国产在线精品福利一区| 国产精品你懂的| 国产精品国产精品国产专区不卡| 国产精品精品自在线拍 | 国产精品成熟老女人视频| 久久亚洲日韩精品一区二区三区| 亚洲中文字幕久久精品无码APP | 国产精品福利在线观看免费不卡| 日韩精品在线免费观看| 日韩精品免费在线视频| 成人国产精品一区二区视频| 99久久亚洲综合精品成人| 国产乱码伦精品一区二区三区麻豆| 国产精品极品|