HTMLでタブページを作成する方法を備忘録としてつける
タグページを作成する際に参考になるサイト
参考ページ
https://allabout.co.jp/gm/gc/23969/4/
http://guide.withabout.net/guide/gp332/23969/tab-js.html
タブページの作成の仕方
HTML (3段階)
①inputタグでtype=radioでタブページを指定する
②各タブの名前クラスのdivを作成する
③各タブページの詳細を1ページ分ずつdivタブで作成していく
CSS
各タブのボタンがボタンの様に見えるように修正を行う
各タブのボタンにカーソルが載った時のバックエンドカラーの色や文字の色を変更する
表がある際には表のレイアウトを整える
テキストのレイアウトを整える
JS
ここでタブページが1枚ずつ表示されるように表示の切り替えを作成していく
JSを行わないと、各タグページが切り替わるようにはならない