忍者CODE

ログイン

24
簡易テーブルを作成しよう

PHPの問題

HTML_CSS

Googleでログイン Twitterでログイン
問題
見本を見ながら作成してみましょう。
期待する画面
ログインして解答を見る
コードのアイコン

解答ソースコード

            <table border="1">
  <tr>
    <th>名前</th>
    <th>年齢</th>
    <th>体重</th>
    <th>身長</th>
  </tr>
  <tr>
    <td>忍太郎</td>
    <td>16歳</td>
    <td>55kg</td>
    <td>168cm</td>
  </tr>
  <tr>
    <td>忍子</td>
    <td>22歳</td>
    <td>42kg</td>
    <td>158cm</td>
  </tr>
  <tr>
    <td>忍次郎</td>
    <td>18歳</td>
    <td>62kg</td>
    <td>174cm</td>
  </tr>
  <tr>
    <td>忍吉</td>
    <td>32歳</td>
    <td>124kg</td>
    <td>233cm</td>
  </tr>
</table>
¥HTML¥
          
答えのアイコン

解説

table,tr,th,tdタグを使用する事でテーブルを作成できます。

また、縦横のボーダーはtableタグにborder="1"を付与してあげる。

解答ソースをみていただければ分かりますが、
CSSにstyleは何も付与しておりません。

実務でもテーブル展開する場面があると思いますので覚えておきましょう。
1.HTMLの宣言をしてみよう
続きの動画を見たい方は公式LINEから「HTML」と送信すると動画が見れます。
コース一覧のアイコン

有料コース一覧
甲賀KOGA

プログラミングスキルが
一気に上がる!
有料級の解説動画19本
を今なら無料でGETできる!

忍者CODEの公式LINE登録後
LINE内にあるURLよりご覧になれます

  • プログラミング本気で学習してる方
  • もちろん完全無料で且つ手続き不要
  • 将来プログラミングで稼ぎたい方
  • 動画解説で真剣に学びたい方
スキルアップ動画をGET