HTML実行ツール | AZAtool
HTML・CSS・JavaScriptをブラウザ上でリアルタイム実行できる無料ツールです。
コード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML実行ツール | AZAtool</title> <style> body { font-family: sans-serif; padding: 20px; background: #111; color: #fff; } .box { background: #222; padding: 15px; border-radius: 10px; margin-bottom: 10px; } </style> </head> <body> <h1>HTML実行ツール | AZAtool</h1> <div class="box"> <p>① 左のコードを自由に書き換える</p> <p>② 右にリアルタイムで結果が表示される</p> <p>③ HTML・CSS・JavaScriptすべて使える</p> <p>④ 上の「全画面」ボタンでプレビューを大きく表示</p> </div> <div class="box"> <p>💡 ヒント</p> <p>ESCキーで全画面を戻せます</p> </div> <button onclick="alert('動作OK！')">テストボタン</button> </body> </html>
プレビュー
全画面