表を作るhtmlタグの書き方【table、tr、th、td、bgcolor、bordercolor】

2022-04-032023-02-08

表を作るときの冒頭文

table

<table>表を入れる（tr、th、td）</table>

枠をつける

border

<table border="1" >

にゃんこ1

数字が大きいと太くなるにゃ。

枠に色をつける

bordercolor

<table border="1"　bordercolor="red" >

行を足す

tr

Table Row（行）の略。

にゃんこ2

１行増やしたいたびに記入にゃ。

一番上の段、見出しを書く

th

Table Header（見出し）

にゃんこ1

一番上にゃ。横に並ぶにゃ。

    <tr>
      <th>お名前</th>
      <th>特技</th>
    </tr>

中身を記入する

td

Table Data（データ）

にゃんこ2

横に並んでいくにゃ。

    <tr>
      <td>にゃんこ2</td>
      <td>よく寝る</td>
    </tr>

枠内背景に色をつける

bgcolor

にゃんこ1

全体、行だけ、ひと枠だけ、指定できるにゃ。

<table border="1" bgcolor="yellow">
    <tr>
      <td>にゃんこ2</td>
      <td>よく寝る</td>
    </tr>
    <tr>
      <td bgcolor="Pink">にゃんこ１</td>
      <td>よく食べる</td>
    </tr>
    <tr bgcolor="lightgreen">
      <td>にゃんこ２</td>
      <td>よく寝る</td>
    </tr>

記入例

 <table border="3" bordercolor="Blue" bgcolor="Yellow">
    <tr bgcolor="lightgreen">
      <th>名前</th>
      <th>特技</th>
    </tr>
    <tr>
      <td bgcolor="Pink">にゃんこ１</td>
      <td>よく食べる</td>
    </tr>
    <tr>
      <td>にゃんこ２</td>
      <td>よく寝る</td>
    </tr>
  </table>

にゃんこ2

枠線：太さ３、枠線：ブルー、全体背景：黄色、見出し背景：緑、ひと枠：ピンクにしたにゃ。