投票ページの作成④候補者追加ページの作成

これまで、トップページ、投票ページを作成してきました。で、投票ページには投票ボタンと投票結果を表示することにしたのですが、投票の候補者を追加できるようにする必要もあります。今回はそのためのページを作成していくことにします。候補者を追加す…

2025-12-15

投票ページの作成③CSSの作成

前回、投票ページのHTMLを作りました。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>投票ページ</title> </head> <body> <header> <h1>投票ページ</h1> </header> <main class="vote-main"> <table> </table></main></body></html>

#css

2025-12-05

投票ページの作成②HTMLの作成

フロントエンドのみの掲示板作成 HTML

前回言った通り、投票ページでは投票の項目を表すところと、投票の結果を表すところを作ります。 html-css-javascript.hatenadiary.com 投票結果はテーブルのような形になりますので、使うタグは<table>ですね。 <table> <thead> <tr> <th>順位</th> <th>候補者</th> <th>投票数</th> <th>投票ボタン</th></tr></thead></table></table>