๐Language/HTML & CSS
ํ ์ด๋ธ ๊ตฌ์กฐ, html๋ก ํ ์ด๋ธ ๊ทธ๋ฆฌ๊ธฐ
hellohailie
2022. 4. 16. 14:50
๋ฐ์ํ
ํ์ ๊ตฌ์ฑ ์์
ํ๋ ์ (๋ด์ฉ์ด ๋ค์ด๊ฐ๋ ํ๋์ ์นธ)๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค.
ํ์ ํ(๊ฐ๋ก ๋ฐฉํฅ)์ row, ์ด(์ธ๋ก ๋ฐฉํฅ)์ column์ด๋ผ ํฉ๋๋ค.
- <table> : ํ๋ฅผ ๋ํ๋ด๋ ํ๊ทธ
- <tr> : ํ์ ๋ํ๋ด๋ ํ๊ทธ
- <th> : ์ ๋ชฉ ์ ์ ๋ํ๋ด๋ ํ๊ทธ
- <td> : ์ ์ ๋ํ๋ด๋ ํ๊ทธ
ํ๋์ <table>์ ํ๋ ์ด์์ <tr>๋ก ์ด๋ฃจ์ด์ ธ ์์ผ๋ฉฐ,
<tr>์ ์ ์ ๋ํ๋ด๋ <th>, <td>๋ฅผ ์์์ผ๋ก ๊ฐ์ง๊ฒ ๋ฉ๋๋ค.
ํ๋ฅผ ๊ตฌ์ฑํ ๋๋ ์์์ ๋ฐ์ผ๋ก, ์ข์ธก์์ ์ฐ์ธก์ผ๋ก ์์ฑํ๋ฉด ๋ฉ๋๋ค.
See the Pen Untitled by HelloHailie (@hellohailie) on CodePen.
ํ ์ด๋ธ์ ์ด๋ป๊ฒ ๋ง๋๋์ง ์ธ์ธ ํ์๋ ์์ง๋ง, ๊ตฌ๊ธ๋งํด์ ๋ง๋ค ์ ๋๋ก ๊ณต๋ถํ๋ฉด ๋๋ต๋๋ค~!
๋ฐ์ํ