Html5オンライン実行
Code
Result
Html5オンラインエディタの使い方？
3つの簡単なステップ- 左側のコードエディタで、Html5コードを記述または貼り付けます。
- 「実行」ボタンをクリックして、Html5コードを実行します。
- 出力は右側の結果領域に表示されます。
Html5オンラインエディタとは
Html5オンラインエディタを使用すると、Webサーバーを必要とせずにHtml5コードをオンラインで実行できます。テキストエディタを使用してコンピュータ上で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オンラインエディタまたはテスター
- キーワード提案の自動補完。
- 複数のデザインテーマを提供。