HTML5 線上執行
Code
Result
如何使用 HTML5 線上編輯器？
三個簡單步驟- 在左側程式碼編輯器中，編寫或貼上您的 HTML5 程式碼。
- 按一下「執行」按鈕執行您的 HTML5 程式碼。
- 輸出將顯示在右側結果區域中。
什麼是 HTML5 線上編輯器
HTML5 線上編輯器允許您的 HTML5 程式碼線上執行而無需 Web 伺服器，您無需使用文字編輯器在電腦上編輯 HTML5 檔案。
這樣，您可以快速輕鬆地查看 HTML5 執行結果，使用 ace 編輯器，可以識別程式碼錯誤或警告，並提供清晰且可操作的意見回饋，以幫助您提高程式碼的效能。您可以像這樣編寫或貼上 HTML5 程式碼：
<!DOCTYPE html>
<html>
<title>HTML5 線上編輯器</title>
<head>
<style>
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); /* Opera */
background-color:yellow;
}
</style>
</head>
<body>
<div>Hello, World!</div>
<div id="div2">Hello, HTML5!</div>
</body>
</html>HTML5 線上編輯器的功能
- 簡單方便的 HTML5 線上編輯器或測試器
- 關鍵字建議自動完成。
- 提供多種設計主題。