プログラミング学習帳

オンラインプログラミング学習サービス「ウェブカツ!!」で習ったことを整理してます。

表の作り方

 ——————————————————————

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ホームページのタイトル</title>
</head>
<body>
<h1>ホームページの見出し</h1>
<p>最初のホームページが完成しました!!</p>

<table border="1">
<tr><td>エコノミーコース</td><td>200円</td></tr>
<tr><td>スタンダードコース</td><td>800円</td></tr>
</table>

<table border="1">
<tr><td>エコノミーコース</td><td>200円</td></tr>
<tr><td colspan="2">横2つつながる</td></tr>
<tr><td>スタンダードコース</td><td rowspan="2">縦に2つつながる</td></tr>
<tr><td>スペシャルコース</td></tr>
</table>

</body>
</html>

 ——————————————————————

  • 表を作る時はテーブルタグを使う
  • ・ボーダータグの数字を変えることで枠線の太さを変えられる→ <table border="数字">
  • trタグ→1行作る
  • tdタグ→1列作る
  • colspan="数字"→横に数字列分つなげる
  • rowspan="数字"→下に数字行分つなげる