ray88’s diary

お仕事で困ったとき用の自分用の覚書

HTML テーブルに使用する要素①

■表の全体を table border="1" 要素で表現。枠の太さはborder属性で指定する
■各行(横方向)を tr で表現する
■行の中の個々の要素を td で表現し、その中に表示する内容(文字や図)を配置する。
f:id:ray88:20200509192236p:plain

<!DOCTYPE html>>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <h2>今日の試合</h2>
        <table border="1">
            <tr>
                <td></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td></td>
            </tr>
            <tr>
                <td>横浜</td><td>1</td><td>0</td><td>0</td><td>2</td><td>1</td><td>4</td>
            </tr>
            <tr>
                <td>阪神</td><td>1</td><td>3</td><td>0</td><td>0</td><td>0</td><td>4</td>
            </tr>
        </table>
    </body>
</html>

f:id:ray88:20200510174622p:plain