MENU
オンライン講座開催中
html&css講座開催中

表を作るときのhtmlコード【table、tr、th、td、bgcolor、bordercolor】

表を作るときのhtmlコード【table、tr、th、td、bgcolor、bordercolor】
目次

表を作るときの冒頭文

table

<table>表を入れる(tr、th、td)</table>

枠をつける

border

<table border="1" >
にゃんこ1

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

枠に色をつける

bordercolor

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

行を足す

tr

Table Row(行)の略。

にゃんこ2

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

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

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">にゃんこ1</td>
      <td>よく食べる</td>
    </tr>
    <tr bgcolor="lightgreen">
      <td>にゃんこ2</td>
      <td>よく寝る</td>
    </tr>

記入例

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

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

詳しくは講座に来てね

表を作るときのhtmlコード【table、tr、th、td、bgcolor、bordercolor】

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次
閉じる