天給大家推薦幾個(gè)可以在線編程的網(wǎng)站。對(duì)于大部分開(kāi)發(fā)者可能會(huì)不屑使用在線的網(wǎng)站,認(rèn)為在自己電腦安裝環(huán)境不是很簡(jiǎn)單的事情么。但是你很有可能臨時(shí)需要一臺(tái)電腦去測(cè)試一段簡(jiǎn)單的代碼,也有可能想要分享一段代碼給別人,也有可能你想要學(xué)習(xí)很多語(yǔ)言,又不想一一安裝編程環(huán)境。那么今天推薦的網(wǎng)站肯定能滿足你的需求。
網(wǎng)址:https://ideone.com/SExhrM
這個(gè)網(wǎng)站不錯(cuò),支持Java,但是頁(yè)面有廣告。除了支持Java語(yǔ)言,還支持其他語(yǔ)言。
https://dabblet.com/
這個(gè)網(wǎng)站適合前端測(cè)試使用,該網(wǎng)站可以用來(lái)測(cè)試Html,Css,Js等功能。
網(wǎng)址:http://www.fenby.com/
這個(gè)網(wǎng)站不只支持后端語(yǔ)言編碼,也支持前端編碼,使用體驗(yàn)很不錯(cuò)。支持的語(yǔ)言也很豐富。
前端的支持也很OK。
https://www.w3school.com.cn/tiy/t.asp?f=js_use
當(dāng)然對(duì)于想系統(tǒng)學(xué)習(xí)前端知識(shí)的童鞋可以使用W3School,這個(gè)網(wǎng)站很適合,不僅有大量的案列,還有可以實(shí)戰(zhàn)編碼。
https://www.bccn.net/run/
該網(wǎng)站支持的語(yǔ)言也挺多,比較推薦。
今天的介紹就到這里了,如果你打算系統(tǒng)學(xué)習(xí)編程,那我還是建議你老老實(shí)實(shí)的安裝編譯環(huán)境,安裝編輯器。
HTML 使用超級(jí)鏈接與網(wǎng)絡(luò)上的另一個(gè)文檔相連。幾乎可以在所有的網(wǎng)頁(yè)中找到鏈接。點(diǎn)擊鏈接可以從一張頁(yè)面跳轉(zhuǎn)到另一張頁(yè)面。
HTML 鏈接
如何在HTML文檔中創(chuàng)建鏈接。
(可以在本頁(yè)底端找到更多實(shí)例)
HTML 超鏈接(鏈接)
HTML使用標(biāo)簽 <a>來(lái)設(shè)置超文本鏈接。
超鏈接可以是一個(gè)字,一個(gè)詞,或者一組詞,也可以是一幅圖像,您可以點(diǎn)擊這些內(nèi)容來(lái)跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。
當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁(yè)中的某個(gè)鏈接上時(shí),箭頭會(huì)變?yōu)橐恢恍∈帧?/p>
在標(biāo)簽<a> 中使用了href屬性來(lái)描述鏈接的地址。
默認(rèn)情況下,鏈接將以以下形式出現(xiàn)在瀏覽器中:
一個(gè)未訪問(wèn)過(guò)的鏈接顯示為藍(lán)色字體并帶有下劃線。
訪問(wèn)過(guò)的鏈接顯示為紫色并帶有下劃線。
點(diǎn)擊鏈接時(shí),鏈接顯示為紅色并帶有下劃線。
注意:如果為這些超鏈接設(shè)置了 CSS 樣式,展示樣式會(huì)根據(jù) CSS 的設(shè)定而顯示。
HTML 鏈接語(yǔ)法
鏈接的 HTML 代碼很簡(jiǎn)單。它類似這樣::
<a href="url">鏈接文本</a>
href 屬性描述了鏈接的目標(biāo)。.
實(shí)例
<a >訪問(wèn)菜鳥(niǎo)教程</a>
上面這行代碼顯示為:: 訪問(wèn)菜鳥(niǎo)教程
點(diǎn)擊這個(gè)超鏈接會(huì)把用戶帶到菜鳥(niǎo)教程的首頁(yè)。
提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會(huì)在新窗口打開(kāi)文檔:
實(shí)例
<a>訪問(wèn)菜鳥(niǎo)教程!</a>
HTML 鏈接- id 屬性
id屬性可用于創(chuàng)建在一個(gè)HTML文檔書(shū)簽標(biāo)記。
提示: 書(shū)簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對(duì)于讀者來(lái)說(shuō)是隱藏的。
實(shí)例
在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":
<a href="#tips">訪問(wèn)有用的提示部分</a>
或者,從另一個(gè)頁(yè)面創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":
<a >
訪問(wèn)有用的提示部分</a>
基本的注意事項(xiàng) - 有用的提示
注釋: 請(qǐng)始終將正斜杠添加到子文件夾。假如這樣書(shū)寫(xiě)鏈接:,就會(huì)向服務(wù)器產(chǎn)生兩次 HTTP 請(qǐng)求。這是因?yàn)榉?wù)器會(huì)添加正斜杠到這個(gè)地址,然后創(chuàng)建一個(gè)新的請(qǐng)求,就像這樣:。
圖片鏈接
如何使用圖片鏈接。
在當(dāng)前頁(yè)面鏈接到指定位置
如何使用書(shū)簽
跳出框架
本例演示如何跳出框架,假如你的頁(yè)面被固定在框架之內(nèi)。
創(chuàng)建電子郵件鏈接
本例演示如何如何鏈接到一個(gè)郵件。(本例在安裝郵件客戶端程序后才能工作。)
建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。
HTML 鏈接標(biāo)簽
標(biāo)簽 | 描述 |
---|---|
<a> | 定義一個(gè)超級(jí)鏈接 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
家好,我是 Echa。
前段時(shí)間,老鐵們私信我有么有又免費(fèi)又好用的在線代碼編輯器,最近找了找。終于找到了。給老鐵們安排上。創(chuàng)作不易,喜歡的老鐵們轉(zhuǎn)發(fā)加個(gè)關(guān)注,點(diǎn)個(gè)贊,速速收藏,謝謝!
今天來(lái)推薦六個(gè)好用又免費(fèi)的在線代碼編輯器!
在線地址:https://codesandbox.io/
CodeSandbox 是一個(gè)在線代碼編輯器,主要用于創(chuàng)建 Web 應(yīng)用項(xiàng)目,其提供了多種模塊:
CodeSandbox 為前端開(kāi)發(fā)提供了完整的代碼編輯器體驗(yàn)和沙盒環(huán)境。其包含了很多實(shí)用功能:
在線地址:https://codepen.io/
CodePen 是一個(gè)在線的HTML、CSS 和 JavaScript 代碼編輯器,能夠編寫(xiě)代碼并即時(shí)預(yù)覽效果,可以利用它來(lái)構(gòu)建和分享代碼。CodePen 支持使用 Less、Sass、PostCSS 等來(lái)編寫(xiě)CSS。CodePen 不僅是一個(gè)在線編輯器,還是一個(gè)龐大的前端社區(qū),上面有來(lái)自全球開(kāi)發(fā)者分享的各種各樣炫酷的效果,并且這些代碼都是開(kāi)源和共享的。
在線地址:https://stackblitz.com/
Stackblitz 和 VSCode 非常像,使用簡(jiǎn)單可以一鍵創(chuàng)建 React、Vue、Vanilla、RxJS、TypeScript、Angular 等項(xiàng)目:
Stackblitz 具有以下特性:
在線地址:http://jsfiddle.net/
JSFiddle 是一個(gè)在線代碼編輯器,允許用戶在單個(gè)頁(yè)面上編輯和運(yùn)行 HTML、JavaScript 和 CSS 代碼。JSFiddle 使用 CodeMirror 構(gòu)建,其提供了多游標(biāo)、語(yǔ)法高亮、語(yǔ)法驗(yàn)證(linter)、大括號(hào)匹配、自動(dòng)縮進(jìn)、自動(dòng)完成、代碼/文本折疊、搜索和替換以協(xié)助開(kāi)發(fā)人員的操作。JSFiddle 被廣泛用于共享簡(jiǎn)單的測(cè)試和演示。
在線地址:https://jsbin.com/
JS Bin 是一個(gè)開(kāi)源的協(xié)同 web 開(kāi)發(fā)調(diào)試工具。主要用于幫助測(cè)試 JavaScript 和 CSS 的代碼片段,功能與 jsFiddle 類似。可以實(shí)時(shí)分享在 JS Bin 中輸入的內(nèi)容,在任何平臺(tái)上的任何設(shè)備上查看 JS Bin 的輸出,都是實(shí)時(shí)更新的。
在線地址:https://code.juejin.cn/
碼上掘金是一個(gè)為廣大開(kāi)發(fā)者提供代碼在線 Playground 的平臺(tái),具備輕量簡(jiǎn)單、易使用、現(xiàn)代標(biāo)準(zhǔn)、模塊化、實(shí)時(shí)編輯,所見(jiàn)即所得等特性。內(nèi)置了 ES Modules 支持,并且支持 React、Vue 等流行前端框架。
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。