table要素

＜table＞　表の始まり
＜／table＞　表の終わり
＜tr＞〜＜／tr＞　表組の見出し
＜tr＞　行の始まり
＜／tr＞　表組の行の終わり
＜td＞〜＜／td＞　表組のセル

HPのサンプル作成の為に以下の様に表組しました。
↓一部

HTML

<div class="company-outline">
    <h3>会社概要</h3>
    <table border="0">
        <tbody>
            <tr>
                <th>会社名</th><td>ホームページサンプル株式会社（英語表記 Homepage sample Inc.）</td>
            </tr>
            <tr>
                <th>設立</th><td>平成10年1月10日</td>
            </tr>
            <tr>
                <th>事業内容</th><td>IT・マーケティング・福祉など</td>
            </tr>
            <tr>
                <th>住所</th><td>〒012-3456見本県見本市サンプル1-2</td>
            </tr>
            <tr>
                <th>電話番号</th><td>0123-4567-89012</td>
            </tr>
            <tr>
                <th>メールアドレス</th><td>inf@example.com</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

.company-outline{
    border:solid 1px #ebebeb;
    width:666px;
    height:280px;
    margin:15px 0px 0px 5px;
}
.company-outline h3{
    width:657px;
    height:30px;
    margin:0px;
    padding:7px 0px 0px 10px;
    font-weight:normal;
    font-size:15px;
    background:#eeeeee;
}
.company-outline table{
    border:solid 1px #ebebeb;
    width:600px;
    height:200px;
    margin:20px auto 0px auto;
    font-size:12px;
}
.company-outline table th{
    border-right:solid 3px #d4d4d4;
    padding-right:5px;
    font-weight:normal;
    background:#f5f5f5;
    text-align:right;
}
.company-outline table td{
    padding-left:5px;
    background:#f9f9f9;
}

table（表）について

table要素