HTMLでボタンを表示しよう。ギミックがあるホームページを作ろう

今回は、HTMLでボタンを表示する記述を学習してきましょう。

特にプログラムを入力するわけではないので、ボタンを押しても何も起きません。

それでは、やっていきましょう。

記述

<html>
    <head>
    </head>
    <body>
        <h1>ボタンだよ!</h1>
        <button>絶対に押しちゃダメ!!</button>
        <div></div>
    </body>
</html>

解説

今回はボタンを設置するための記述だけ説明しますね。

<body>~</body>の間に<button>タグを記述しました。

このタグは、ボタンを置くためのタグです。

この<button>~</button>のタグの間に言葉を入れると、その言葉がボタンの中に表示されます。

どうでもいいことですが、私はこのボタンタグのことを「ぶっとん」と呼んでいます。

英語で書くとbutton(ぶっとん)ですから。

このボタンの中にJavaScriptなどのプログラムを起動するようにすると、ボタンでいろいろできます。

以上、ボタンの説明でした。

タイトルとURLをコピーしました