HTMLでテーブルを作ろう

はじめに

今作ってるウェブページに表をのせたいのですが、どうやって作ればいいですか?
htmlで表を作るにはtableというものを使います。
tableですか!それを使えば簡単に作れそうですね。
サンプルと合わせて見ていきましょう

HTMLでテーブルを作ろう

HTMLで表を作るにはtableを使います。簡単な表を作成して見ましょう。

<table>
<tr><th>りんご</th><td>1個</td><td>150円</td></tr>
<tr><th>みかん</th><td>1個</td><td>100円</td></tr>
</table>

上記のように書くことで、HTMLで表を作ることができます。弊社のページでは、tableにcssが当たっているため、デザインが当たってしまいますが、th,tdにcssを当てることで同じようなデザインにすることができます。

サンプルコードの実行例

りんご 1個 150円
みかん 1個 100円

このように簡単に表が作成できます。

関連記事

  1. HTMLでセレクトボックスを作ろう

  2. メモ帳で書けるhtml

  3. htmlで番号付きのリストを作ろう

  4. HTMLでAタグに電話番号を設定しよう

  5. HTML箇条書きを書く

  6. HTMLでラジオボタン を作ってみよう

2021年4月
 1234
567891011
12131415161718
19202122232425
2627282930  
Translate »