HTML 作 ▸ 2019-08-16 20:33 改 ▸ 2024-01-29 01:24 本当にちょっとしたHTML・CSS・JavaScriptを試す時のスケルトン #HTML#CSS#JavaScript#自分用 自分用 自前で作らなくてもCodePenとかありますが、手元でやりたい時にわりと使ってるものです。 JavaScriptだけなら、わざわざHTML作らなくてもChromeの開発者ツールのコンソールで充分です。使ったことない人は調べてみてください。 ブラウザのデフォルトCSSを吹っ飛ばすためにA modern CSS resetをCDNから読み込んでます。吹っ飛ばさなくていいなら消してください。 ちらっとスマホ対応してます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css" /> <link rel="stylesheet" href="./外部CSSがあれば書く.css" /> <style> /* ここにCSSを書く */ </style> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" /> <meta name="landscape" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" /> <meta name="format-detection" content="telephone=no" /> <title>サンプル</title> </head> <body> ここにHTMLを書く <script src="./外部JSがあれば書く.js"></script> <script> // ここにJavaScriptを書く </script> </body> </html>