一個好的編輯器我們可以方便的開發項目,編寫代碼,配置和管理我們的項目。所以我們開始編寫html代碼之前需要搭建開發環境。
基于html項目的開發和代碼編寫現在網上有很多編輯器,也有免費的,也有收費的編輯器。基于在Windows系統環境下開發和編寫html代碼最簡單的編輯器就是Windows自帶的記事本,我們可以使用記事本編輯html代碼。
使用記事本編寫html的步驟是首先新建一個文本文檔,按照html的語法規則編寫相關的代碼和保存文件,然后把文件的后綴名改為.html,使用電腦上的瀏覽器打開就可以查看我們代碼的運行結果。
雖然記事本也能編寫html代碼,但是效率不高也不方便,所以我們使用專業的編輯器來開發項目,編寫代碼和管理項目。
常用html代碼編寫的免費軟件有HBuilderX,vs code,Sublime Text 等等。
HBuilderX官網下載地址:
https://www.dcloud.io/hbuilderx.html
vs code的官網下載地址:
https://code.visualstudio.com/
Sublime Text官網下載地址:
http://www.sublimetext.com/
我們以后的教程都使用HBuilderX,所以下面為了同學們的學習方便,對HBuilderX的下載和安裝做詳細的教程。
一,下載
首先訪問HBuilderX的官網網址:
https://www.dcloud.io/hbuilderx.html
打開上面的HBuilderX下載網址后點擊頁面上download,在彈出的對話框里選擇適合自己電腦的HBuilderX版本下載。
在Windows10環境下下載后的文件是一個壓縮的.zip文件。
二,安裝
鼠標右擊下載下來的壓縮文件進行解壓。
解壓完成后是一個名為HBuilderX的文件夾。
解壓完成后鼠標雙擊HBuilderX文件夾:
雙擊運行名為HBuilderX.exe的應用程序文件即可啟動HBuilderX編輯器:
因為HBuilderX是一個綠色軟件所以沒有桌面快捷方式和開始菜單快速啟動程序,我們可以右擊HBuilderX.exe文件創建桌面快捷方式。
小百科:
綠色軟件指一類小型軟件,多數為免費軟件,最大特點是軟件無需安裝便可使用,可存放于閃存中,移除后也不會將任何記錄留在本機計算機上。通俗點講綠色軟件就是指不用安裝,下載直接可以使用的軟件。綠色軟件不會在注冊表中留下注冊表鍵值,所以相對一般的軟件來說,綠色軟件對系統的影響幾乎沒有,所以是很好的一種軟件類型。
三,新建項目
HBuilderX編輯器初次啟動時的默認界面是下圖所示:
按照下圖所示可以創建一個新的名為demo1空白項目:
名為demo1的空白項目創建成功后的界面如下圖所示:
接下來在剛我們新建的demo1項目下創建名為helloworld的html文件
鼠標右擊創建的demo1項目選擇新建在選擇.html文件:
在彈出的對話框里填入html文件的名稱:
編寫一段代碼:
運行:
在瀏覽器上觀察效果:
好了,到這里html的開發環境搭建和HBuilderX的安裝教程結束了。
下面再給大家教一下怎樣修改HBuilderX的主題風格,HBuilderX自身提供了修改軟件主題的功能,使用者可以自身需求和喜好修改HBuilderX的風格。在喜歡自己喜歡的環境下做開發也是令人羨慕的一件事。
按照一下步驟可以修改HBuilderX的主題,默認主題是綠柔,我們可以改成雅黑,雅藍或者自定義主題:
雅黑主題:
雅藍主題:
好了本節全部內容全部結束了,希望我準備的內容對你有所幫助
你的支持是我的最大動力,若覺得我的教程還可以對你有幫助為我點贊加關注!謝謝!
色的Java工具有助于提高工作效率。Java IDE 工具提供了多種用戶獨特需求和個人偏好來創建編程環境的方法。
今天,給大家分享8個程序員最愛的Java開源IDE工具,
沒有用過的小伙伴,快快收藏哦!
01 BlueJ
BlueJJava環境下的一個內置編輯器、編譯器、虛擬機、調試器的多應用軟件,是專為教學設計的,很適合在小規模的軟件開發中使用。它易于使用和測試的交互式界面,不僅適合用于在學校教授Java編程課程,而且允許程序員調用功能,即對象、方法、參數等,而無需編譯源代碼。
02 Eclipse
Eclipse是一款主要用Java編寫的免費IDE,允許創建各種跨平臺的可用于手機、網絡、桌面和企業領域的Java應用程序。
它的主要功能包括Windows生成器、集成Maven、Mylyn、XML編輯器、Git客戶端、CVS客戶端、PyDev,并且還有一個基本工作區,有可擴展插件系統可滿足自定義IDE的需求。通過插件,也可以用C、C ++、JavaScript、Perl、PHP、Prolog、Python、R、Ruby(包括Ruby on Rails框架)等語言開發程序。
03 IntelliJ IDEA
IntelliJ IDEA CE(社區版)是IntelliJ IDEA的開源版本,為Java、Groovy、Kotlin、Rust和Scala等提供IDE。可用于現有的源重構,代碼檢查,使用JUnit或TestNG構建測試用例,以及使用Maven或Ant構建代碼。IntelliJ IDEA CE的優秀功能有API測試儀,允許通過Swing GUI設計器測試API的功能,很多經驗豐富的程序員尤其喜歡IntelliJ IDEA CE。
04 Netbeans IDE
NetBeans IDE是一個集成的Java開發環境,它能為獨立的、移動的和web架構設計模塊化的應用程序,并支持web技術。NetBeans IDE能建立關于如何有效管理項目、工具和數據的多個視圖,并可以在新開發人員加入項目時進行軟件開發協作。
05 VSCodium
VSCodium是一個免費的源代碼編輯器,它在Windows、macOS、Linux上皆可用。它是一個基于Visual Studio代碼的開源替代品,支持多種編程語言,如Java、c++、c#、PHP、Go、Python、.net等。
06 jEdit
jEdit是一個具有廣泛插件架構的文本編輯器,具備編輯搜索,查找,替換和源代碼編輯等功能,支持超過兩百種語言,包括Unicode。
07 jGRASP
jGRASP是運行在Java平臺上的IDE,提供可視化自動生成,能在運行時產生靜態可視化的源代碼結構和直觀化的數據結構,且jGRASP能產生支持Java、C、C ++、Objective-C、Python、Ada和VHDL的控制結構圖;支持Java和Ada的復雜文件圖表;支持Java的UML類圖;還有動態對象查看器和結合了集成調試器和Java工作臺的畫布查看器。
08 JSource
JSource是免費的Java IDE,尤其在創建跨平臺的Java應用程序中非常有用。JSource能運行、編譯、編輯和創建Java文件,主要特點是支持多種語言的語法高亮顯示和Java Swing組件。
程序員最愛的8個Java開源IDE工具你收藏了嗎?如果還有什么想要了解的,或者你有其他更好用的IDE,歡迎大家在下方留言探討!
.它是一種計算機(PC)的超文本標記語言(Hyper Text Markup Language),縮寫為HTML,HTML是一種標記語言(markup language),是制作網頁所必備的語言,語法較為松散,不嚴格的web語言;標簽可以不閉合,不區分大小寫。
2.標記標簽通常被稱為HTML標簽,標簽由尖括號包圍的關鍵字組成,通常都是成對出現的,有開始標簽和結束標簽,如<html></html>。
瀏覽器不會顯示html標簽(白話:瀏覽器只會顯示標簽里邊的內容),而是使用標簽來解釋頁面的內容。
比如這一行代碼:<body>你好 </body>要放在<html></html>里邊,網頁只展示了你好 其他內容并沒有展示。
代碼
頁面
以下資料均由自己的認知和資料整理所得:
1989年,歐洲物理量子實驗室(CERN)的信息專家蒂姆·伯納斯·李發明了超文本鏈接語言, 使用此語言能輕松地將一個文件中的文字或圖形連到其它的文件中去,這就是HTML的前身。1991年,蒂姆伯·納斯·李在CERN定義了HTML語言的第一個規范,之后成為W3C組織為專門在互聯網上發布信息而設計的符號化語言規范。可以說,HTML(Hypertext Markup Language)是SGML的一個實例,它的DTD作為標準被固定下來。因此,HTML不能作為定義其它符號化語言的元語言。
作為World Wide Web的一個組成部分,HTML語言發展很快,在短短的幾年里,它已歷經了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多個版本,同時DHTML (動態)、VHTML(虛擬)、SHTML等也飛速發展起來。HTML以簡單精練的語法、極易掌握的通用性與易學性,使Web網頁可以親近于每一個普通人,互聯網因此得以普及發展以至今日輝煌。
但是,目前的HTML還不穩定,不同的瀏覽器會產生不同的顯示效果。此外,由于HTML對超級鏈接支持不足,并缺乏空間立體描述,處理圖形、圖像、音頻、視頻等多媒體能力較弱,圖文混排功能簡單,不能表示多種媒體的同步關系等缺點,也影響HTML的大規模應用以及用于復雜的多媒體數據處理,一種語言各有各的優點和缺點。
人們常常贊美蒂姆·伯納斯·李“與其他所有推動人類進程的發明不同,這是一件純粹個人的勞動成果,萬維網只屬于蒂姆·伯納斯·李一個人。”而這個心懷浪漫、獻身科學的英國學者,卻將只屬于他一個人的發明,無償獻給了世界。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。