表（table）の作り方と装飾の変え方【HTML＆CSS】

今回はWebサイトやブログで表を作る方法を解説します。1ずつ丁寧に解説していくので、HTML/CSS初心者の方もご安心ください。 1. HTMLのtableの使い方 <table>はHTMLのタグの1つです。<tr>や<th>、<td>などのタグと合わせて使うことで表を作ります。タグの名前が似ていて分かりづらいんですよね…。 1-1. それぞれのタグの意味 それぞれのタグをどこで使うのか図にしてみました。全体はtableで囲み、行のカタマリはtrで、表の見出し文字はthで、各セルはtdではさみます。 各タグの略称と解説 table：表全体をはさむ。<table>〜</table>の範囲が表となる。 tr：Table Rowの略。行全体をはさむ。いくつ使ってOK。 th：Table Headerの略。trの中で使う。はさまれた部分は見出しセルとなる。 td：Table Dataの略。trの中

[eureka1]

“table td {/*table内のtdに対して*/ padding: 3px 10px;/*上下3pxで左右10px*/ }”

[raisukin]

表復習

[donmaru41]

この「 サルワカ！ 」のサイトの、おかげでキレイなテーブルタグを作成出来ました。(^^ゞ

[takahiro_kihara]

表は鬼門orzうヒョーって感じorzわかんねぇorz

[huraton]

めちゃ参考になりました！早速カスタマイズしてみます。