今回は、HTMLでボタンを表示する記述を学習してきましょう。
特にプログラムを入力するわけではないので、ボタンを押しても何も起きません。
それでは、やっていきましょう。
記述
<html>
<head>
</head>
<body>
<h1>ボタンだよ!</h1>
<button>絶対に押しちゃダメ!!</button>
<div></div>
</body>
</html>
解説
今回はボタンを設置するための記述だけ説明しますね。
<body>~</body>の間に<button>タグを記述しました。
このタグは、ボタンを置くためのタグです。
この<button>~</button>のタグの間に言葉を入れると、その言葉がボタンの中に表示されます。
どうでもいいことですが、私はこのボタンタグのことを「ぶっとん」と呼んでいます。
英語で書くとbutton(ぶっとん)ですから。
このボタンの中にJavaScriptなどのプログラムを起動するようにすると、ボタンでいろいろできます。
以上、ボタンの説明でした。