๋ฐ์ํ
ํ์ ๊ตฌ์ฑ ์์
ํ๋ ์ (๋ด์ฉ์ด ๋ค์ด๊ฐ๋ ํ๋์ ์นธ)๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค.
ํ์ ํ(๊ฐ๋ก ๋ฐฉํฅ)์ row, ์ด(์ธ๋ก ๋ฐฉํฅ)์ column์ด๋ผ ํฉ๋๋ค.
- <table> : ํ๋ฅผ ๋ํ๋ด๋ ํ๊ทธ
- <tr> : ํ์ ๋ํ๋ด๋ ํ๊ทธ
- <th> : ์ ๋ชฉ ์ ์ ๋ํ๋ด๋ ํ๊ทธ
- <td> : ์ ์ ๋ํ๋ด๋ ํ๊ทธ
ํ๋์ <table>์ ํ๋ ์ด์์ <tr>๋ก ์ด๋ฃจ์ด์ ธ ์์ผ๋ฉฐ,
<tr>์ ์ ์ ๋ํ๋ด๋ <th>, <td>๋ฅผ ์์์ผ๋ก ๊ฐ์ง๊ฒ ๋ฉ๋๋ค.
ํ๋ฅผ ๊ตฌ์ฑํ ๋๋ ์์์ ๋ฐ์ผ๋ก, ์ข์ธก์์ ์ฐ์ธก์ผ๋ก ์์ฑํ๋ฉด ๋ฉ๋๋ค.
See the Pen Untitled by HelloHailie (@hellohailie) on CodePen.
ํ ์ด๋ธ์ ์ด๋ป๊ฒ ๋ง๋๋์ง ์ธ์ธ ํ์๋ ์์ง๋ง, ๊ตฌ๊ธ๋งํด์ ๋ง๋ค ์ ๋๋ก ๊ณต๋ถํ๋ฉด ๋๋ต๋๋ค~!
๋ฐ์ํ
'๐Language > HTML & CSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
html๋ก ์ ํ ๋ชฉ๋ก ์์ (์ฝค๋ณด๋ฐ์ค), ๊ธ ์์ ๋ง๋ค๊ธฐ (0) | 2022.04.16 |
---|---|
input type ์ข ๋ฅ ์์๋ณด๊ธฐ, ์ฌ์ฉ๋ฐฉ๋ฒ (0) | 2022.04.16 |
HTML์์ ์ด๋ฏธ์ง ๋ถ๋ฌ์ค๊ธฐ, gif jpg png ์ฐจ์ด (0) | 2022.04.16 |
HTML ์์ ์ ๋ฆฌ, ํ ์คํธ, ์ต์ปค(anchor),<div>ํ๊ทธ์ <span>ํ๊ทธ, ๋ฆฌ์คํธ ํ๊ทธ (0) | 2022.04.16 |
html ํ๊ทธ, <h1></h1>, <p></p>,<br> (0) | 2022.04.16 |