hello world
1.
data:text/plain;charset=utf-8,<!doctype html>%0A<html>%0A<head>%0A%20%20%20%20<meta charset='utf-8'>%0A%20%20%20%20<meta name='viewport' content='width=device-width'>%0A%20%20%20%20<style>%0A%20%20%20%20body{background-color:%23ffffffff;color:%23000000ff}%0A%20%20%20%20@media(prefers-color-scheme:dark){body{background-color:%23000000ff;color:%23ffffffff}}%0A%20%20%20%20</style>%0A%20%20%20%20<script>%0A%20%20%20%20alert(`hello world`)%0A%20%20%20%20</script>%0A</head>%0A</html>
2.
1をブラウザのアドレスバーに入れて開き、保存しましょう。
拡張子は'html'、または'htm'としてください。
3.
2で保存したファイルをブラウザで開く、
または1の'/plain;'を'/html;'に置換してブラウザのアドレスバーに入れて開くと、
'hello world'がダイアログとして表示されます。
data:...;charset=utf-8,...
URLの一種。改行は'%0A'、' 'は'%20'、'#'は'%23'に置換してあります。
HTML
<!doctype ...>
DTD(Document Type Declaration)です。
doc(ument)|type
<html></html>(HTMLHtmlElement)
ルートとなるelementです。
<head></head>(HTMLHeadElement)
CSSやJavaScriptを書くelementの親となるelementです。
<meta charset='utf-8'>(HTMLMetaElement)
ページの文字コードを'utf-8'に指定するelementです。
<meta name='viewport' content='width=device-width'>(HTMLMetaElement)
ページの表示を画面幅に合わせるelementです。
<style></style>(HTMLStyleElement)
CSSをinlineとして適用するelementです。
<script></script>(HTMLScriptElement)
JavaScriptをinline、または外部ファイルとして適用するelementです。
CSS
body{background-color:#ffffffff;color:#000000ff}
property[background-color, color]をbodyに適用します。
@media(prefers-color-scheme:dark){body{background-color:#000000ff;color:#ffffffff}}
prefers-color-schemeがdarkである場合、
property[background-color, color]を上書きしてbodyに適用します。
JavaScript
Window.alert(message)
ダイアログとして表示します。
