[HTML]HTMLのテーブルをマスターする件
文字の通り、HTMLのテーブルについてやります、といっても、机のことではなく、表のことです。
表の作り方
1.HTML5の型を作る
<!doctype html> <html> <body> </body> </html>
2.<table>タグを<body>内に作る
<!doctype html> <html> <body> <table> </table> </body> </html>
3.行を作る
<!doctype html> <html> <body> <table> <tr> &/lt;tr> </table> </body> </html>
4.見出しを作る
<!doctype html> <html> <body> <table> <tr> <th>お茶の価格&/lt;th> &/lt;tr> </table> </body> </html>
こんな感じです。
お茶の定価
5.列をつくる
<!doctype html> <html> <body> <table> <tr> <th>お茶の価格</th> </tr> <tr> <td>近所のスーパー1</td> <td>\125~\145</td> </tr> <tr> <td>近所のスーパー2</td> <td>\100~\120</td> </tr> <tr> <td>紀ノ国屋</td> <td>\320円くらい</td> </tr> <tr> <td>定価</td> <td>\330円</td> </tr> </table> </body> </html>
お茶の価格 近所のスーパー1 \125~\\145 近所のスーパー2 \100~\\120 紀ノ国屋 \320円くらい 定価 \330円
ちょっと¥(円マーク)が\(バックスラッシュ)に なってますが見なかったことで。
見出しが1列(1マス?)分しか無いので、それを2列にします。
<!doctype html> <html> <body> <table> <tr> <th> colspan="2";お茶の価格</th> </tr> <tr> <td>近所のスーパー1</td> <td>\125~\145</td> </tr> <tr> <td>近所のスーパー2</td> <td>\100~\120</td> </tr> <tr> <td>紀ノ国屋</td> <td>\320円くらい</td> </tr> <tr> <td>定価</td> <td>\330円</td> </tr> </table> </body> </html>
お茶の価格 近所のスーパー1 \125~\\145 近所のスーパー2 \100~\\120 紀ノ国屋 \320円くらい 定価 \330円
なんかあまり中身の無い記事になってしまいました。
exit;