๐ถ ํ๋ฅผ ๋ง๋๋ ํ๊ทธ
<table> /<table>
- border๋ฅผ ์ค์ ํด์ฃผ์ง ์์ผ๋ฉด ์ ์ด ๋ํ๋์ง ์์
<tr>/<tr> - ํ row
- ์์ ์ฌ์ง์์๋ ์ด๋ก ๋ฐ์ค
<th> ์ ์ ๋ชฉ ( row / col ์๊ด์์ด )
- ์์ ์ฌ์ง์์๋ [ "์ด๋ฆ" , "์ฃผ์" , "์ฐ๋ฝ์ฒ", "์๊ธฐ์๊ฐ" ]
<td> - ์ ( cell )
- ์์ ์ฌ์ง์์๋ ๋ชจ๋ ๋น์นธ
[ th , td ์์ฑ - colspan/rowspan ]
โ๏ธ์ฌ์ฉ ๋ฐฉ๋ฒ ์์ : <th colspan="2" rowspan="2"> ๊ตฌ๋ถ </th>
<colspan>
- column ํฉ์น ๋ ์ฌ์ฉ
<rowspan>
- row ํฉ์น ๋ ์ฌ์ฉ
<caption>
- ํ ์ ๋ชฉ์ผ๋ก [ ์์ชฝ ์ค์ ]์ ํ์
- ์๋์ ๊ทธ๋ฆผ์ฒ๋ผ ๋์ด
<figure>, <figcaption>
- ํ ์ ๋ชฉ์ผ๋ก figcaption์ ์์น์ ๋ฐ๋ผ ์๋ ์๋์ ์ ๋ชฉ ํ์
[ ํ ๊ตฌ์กฐ ์ ์ ]
<thead - ์ ๋ชฉ>, <tbody - ๋ด์ฉ> , <tfoot - ์์ฝ>
- ์๊ฐ ์ฅ์ ์ธ๋ ํ๋ฉด ํ๋ ๊ธฐ๋ฅผ ํตํด ํ์ ๊ตฌ์กฐ๋ฅผ ์ฝ๊ฒ ์ดํด ๊ฐ๋ฅ
- ํ์ ๋ด์ฉ์ด ๊ธธ์ด์ง ๊ฒฝ์ฐ ์๋ฐ ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํ๋ฉด ์ ๋ชฉ๊ณผ ๋ฐ๋ฅ ๋ถ๋ถ์ ๊ณ ์ ํ๋ฉด ๋ณธ๋ฌธ๋ง ์คํฌ๋กค๋๋๋ก ํ ์ ์์
์๋์ ๊ฐ์ด ์คํ์ผ๋ ์ง์ ํด์ค ์ ์์.
<col>, <colgroup>
- column๋ผ๋ฆฌ ๋ฌถ์ด์ ์คํ์ผ ์ง์ ๊ฐ๋ฅ
- <caption> ํ๊ทธ ๋ค์ <tr><td> ํ๊ทธ ์ ์ ์ฌ์ฉ โก๏ธ captionโถ๏ธ colgroup, col โถ๏ธ tr , th, td ์
- colgroup ํ๊ทธ ์ <col> ๊ฐ์ + ๋จ๋ <col> ๊ฐ์ = ํ์ ์ด ๊ฐ์
<col>
- ๋ซ๋ ํ๊ทธ ์์
- span ์์ฑ์ผ๋ก ์ฌ๋ฌ column ๋ฌถ์ด์ ์ฌ์ฉ ๊ฐ๋ฅ
<img> ํ๊ทธ
src ์์ฑ
- src = "url"
- ์ด๋ฏธ์ง ํ์ผ ๊ฒฝ๋ก
- html ๊ธฐ์ค์ผ๋ก ์ด๋ฏธ์ง ๊ฒฝ๋ก ์ง์ โก๏ธ html๊ณผ ์ด๋ฏธ์ง๊ฐ ๊ฐ์ ํด๋์ ์๋ค๋ฉด ์ด๋ฏธ์ง ํ์ผ ์ด๋ฆ๋ง ์ ์
- ์น ์ฌ์ดํธ์ ์๋ ์ด๋ฏธ์ง์ ์ฃผ์๋ก๋ ์ฌ์ฉ ๊ฐ๋ฅ โก๏ธ http:// ํฌํจํ ์ฃผ์
alt ์์ฑ
- alt = " "
- ์ด๋ฏธ์ง๋ฅผ ์ค๋ช ํ๋ ๋์ฒด ํ ์คํธ
- ํ๋ฉด ๋ญ๋ ๊ธฐ์์ ์ด๋ฏธ์ง ๋์ ๋์ฒด ํ ์คํธ๋ฅผ ์ฝ์ด์ค
width, height ์์ฑ
- ์ด๋ฏธ์ง ํฌ๊ธฐ ์กฐ์
- ์ด ์์ฑ์ ์ฌ์ฉํ์ง ์์ผ๋ฉด ์๋ ์ด๋ฏธ์ง ํฌ๊ธฐ๋๋ก ํ์
- ์ด ์์ฑ์ ์ฌ์ฉํ๋๋ผ๋ ์ด๋ฏธ์ง์ ์ฉ๋์ ๊ทธ๋๋ก ํ๋ฉด์ ํ์ํ๋ ์ด๋ฏธ์ง ํฌ๊ธฐ๋ง ์กฐ์
[ <figure>, <figcaption> - ์ด๋ฏธ์ง ์ค๋ช ๊ธ ๋ถ์ด๊ธฐ ]
<figure> - ์ค๋ช ๊ธ์ ๋ถ์ผ ๋์ ์ง์
<figcation> - ์ด๋ฏธ์ง๋ฅผ ์ค๋ช ํ๋ ํ ์คํธ โก๏ธ <table> ํ๊ทธ์์ ์ผ๋ ๊ฒ์ฒ๋ผ <figure> ํ๊ทธ ์์ ์ฐ๋ฉด ๋จ
'CODING > WEB' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML] ๋ฐ์ดํฐ ๋ชฉ๋ก & ๋ค์ํ form ์์๋ค (0) | 2020.10.17 |
---|---|
[HTML] < input > ํ๊ทธ์ ์์ฑ & type์ ์์ฑ๊ฐ (0) | 2020.10.10 |
[HTML] ๋งํฌ ๋ง๋ค๊ธฐ & ํผ ๋ง๋ค๊ธฐ (0) | 2020.10.01 |
[HTML] ํ ์คํธ ํ๊ทธ / ๋ชฉ๋ก ํ๊ทธ (0) | 2020.09.18 |
[HTML] ๋ฌธ์ ๊ธฐ๋ณธ ๊ตฌ์กฐ / ํ ์คํธ ๊ด๋ จ ํ๊ทธ (0) | 2020.09.11 |
๋๊ธ