1. ํ ์คํธ ๊ด๋ จ ํ๊ทธ
- ์ค๋ฐ๊ฟ์ด ์ผ์ด๋๋ ํ๊ทธ
- <h1>~<h6>
- ์ ๋ชฉ์ ํ์ํ ๋ ์ฌ์ฉ
- ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ์ฌ์ฉํ๋ ํ์ ๊ธฐ๋ฒ์ ์ ๋ชฉ์์ ์ ๋ชฉ์ผ๋ก ์ฎ๊ฒจ๊ฐ๋ ๋ฐฉ์์ด๊ธฐ ๋๋ฌธ์, ์ ๋ชฉ ๋จ๊ณ๋ฅผ ๋ฐ์ด๋์ผ๋ฉด ๋ฌธ์์ ์ธต์๋ฅผ ํ์ ํ๋๋ฐ ํผ๋์ด ์์ ์๋
- ๊ทธ๋์ ์ ๋ชฉ ๋จ๊ณ๋ ์์ฐจ์ ์ผ๋ก ๋์ด๋์ผ ํจ(<h1> ๋ค์์ <h3>์ด ์ค์ง ์๋๋ก ํ๋ ๊ฒ)
- ํ์ด์ง๋น ํ๋์ <h1> ํ๊ทธ ์ฌ์ฉ - <hr>
- ์ํ์ค์ด ์๊น
- '์ฃผ์ ๊ฐ ๋ฐ๋ ๋' ๋ถ์๊ธฐ ์ ํ์ ์ํด ๋ฃ์('์ด ๊ธ์ ์ฃผ์ ๊ฐ ์ฌ๊ธฐ์ ๋ฐ๋์๋ค'๋ฅผ ์๋ฆฌ๋ ์ญํ ) - <pre>
- ํ์ํ ๊ณต๋ฐฑ(์คํ์ด์ค๋ฐ๋ก ๋์ด ๊ณต๊ฐ)์ด ๊ทธ๋๋ก ํ์
- CSS์์ ์ง์ ํ ์ ์๋ white-space ์์ฑ์ 'pre'๊ฐ์ด ๊ฐ์ ์๋ฏธ๋ฅผ ๊ฐ์ง - <blockquote>
- ํ๊ทธ ์์ชฝ ํ ์คํธ๊ฐ ์ธ์ฉ๋ฌธ์์ ์๋ฆผ, ๋ณธ๋ฌธ๋ณด๋ค ์ ์ฒด์ ์ผ๋ก ๋ค์ฌ์ฐ๊ธฐ ๋จ
- <h1>~<h6>
- ์ค๋ฐ๊ฟ์ด ์ผ์ด๋์ง ์๋ ํ๊ทธ
- <strong>
- ํ๊ทธ ์์ชฝ ํ ์คํธ๊ฐ '์ค์ํ ๋ด์ฉ'์์ ์๋ฏธ, ๊ธ์๋ฅผ ๊ตต๊ฒ ํ์ - <b>
- ์ค์ํ๋ค๋ ์๋ฏธ๋ฅผ ๊ฐ์ง์ง ์์ง๋ง, ๊ธ์๋ฅผ ๊ตต๊ฒ ํ์ - <em>
- '๊ฐ์กฐํ๊ณ ์ ํ๋ ๋ด์ฉ'์์ ์๋ฏธ, ๊ธ์๋ฅผ ๊ธฐ์ธ์ฌ ํ์ - <i>
- ํน์ ํ ์๋ฏธ๋ฅผ ๋ด์ง ์๊ณ , ๋จ์ํ ๊ธ์๋ฅผ ๊ธฐ์ธ์ฌ ํ์ํ๊ณ ์ถ์ ๋ ์ฌ์ฉ - <q>
- ๋จ๋ฝ๊ณผ ๋ฌธ์ฅ ์ค๊ฐ์ ์ค๋ฐ๊ฟ ์์ด '์ธ์ฉ๋ฌธ'์ ํ์ํ ๋ ์ฌ์ฉ
- ํ๊ทธ๋ก ๋ฌถ์ ๋ด์ฉ ์๋ค์ ๋ฐ์ดํ๊ฐ ๋ถ์ - <mark>
- ๋ฌธ์ฅ์ ํ๊ดํ์ ๊ธ๋ ๊ฒ์ฒ๋ผ, ๊ฐ์กฐํ๊ณ ์ถ์ ๋ถ๋ถ์ ํ๊ทธ๋ก ๋ฌถ์ผ๋ฉด ์์ชฝ ํ ์คํธ ๋ฐฐ๊ฒฝ์์ด ๋ ธ๋์์ผ๋ก ํ์๋จ
- ํ ์คํธ์ ์ค์์ฑ๋ณด๋ค๋, ๊ฒ์ ๊ฒฐ๊ณผ ํ์ ๋ฑ ํ์ฌ ๋งฅ๋ฝ๊ณผ ์ฐ๊ด์ฑ์ด ์๋ ํ ์คํธ๋ฅผ ๊ฐ์กฐํ ๋ ์ฌ์ฉ
- <strong>
2. ๊ธฐํ ํ๊ทธ
- Q) Button ํ๊ทธ์ Default type์?
- A) submit์
form ํ๊ทธ ์์ form data์ ๊ด๋ จ ์๋ ๋ฒํผ์ ๋ง๋ ํ ๊ทธ ๋ฒํผ์ ๋๋ฅด๋ฉด form์ด ์ ์ก๋ ๊ฒฝ์ฐ๊ฐ ๋ฐ์ํ ์ ์์ผ๋ ๋ฒํผํ๊ทธ๋ ๊ผญ type์ ๋ช ์ํ ๊ฒ!!
- submit: ํผ์ ์ ์ถํ๋ ์ด๋ฒคํธ๋ฅผ ๋ฐ์
- reset: ํผ์์ ์์ฑ๋ ๋ด์ฉ์ ์ด๊ธฐํ
- button์ ๊ทธ ์์ฒด๋ก๋ ์๋ฌด๋ฐ ์ด๋ฒคํธ๊ฐ ์๊ณ , click์ด๋ฒคํธ์ ์ฐ๊ฒฐ์์ผ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ง์ด ์ฌ์ฉ
- Q) Section ํ๊ทธ์ Article ํ๊ทธ์ ์ฐจ์ด์ ์?
- article: ๋ฌธ์๋ ์ฌ์ดํธ์์ ๋ ๋ฆฝ๋ ์ปจํ ์ธ ์์ญ์ ์ง์ ํจ. ์ด ๋ถ๋ถ์ ๋ค๋ฅธ ๊ณณ์ ์ฎ๊ธฐ๋๋ผ๋ ๋ถ๋ฆฌ๋์ด์ง๊ณ , ์๋ฏธ๊ฐ ํตํด์ผ ํจ
- section: ํ์ด์ง์ ์ฃผ์๋ถ๋ถ์ ์๋ฏธํ๋ฉฐ, ๊ธด ๊ธ์ ์ธ๋ถ์ฌํญ๊ณผ ๊ฐ์ ๊ด๋ จ ์ปจํ ์ธ ์ ๋ฌถ์, ๋๋ ํญ ํค ์ฌ์ฉ์ ์ํ๋ ์ธํฐํ์ด์ค๋ฅผ ๊ฐ์ง ์น ์ดํ๋ฆฌ์ผ์ด์ ์์์ ํ์ด์ง์ ๋ฌถ์ ๋จ์๋ฅผ ์๋ฏธ
3. ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง์ด๋
- ํฌ๋ก์ค ๋ธ๋ผ์ฐ์
- ์น ์ฌ์ดํธ ๋๋ ์น ์์ฉ ํ๋ก๊ทธ๋จ์ด ์๋ก ๋ค๋ฅธ ์น ๋ธ๋ผ์ฐ์ ์์ ์ ํํ๊ณ ์ผ๊ด์ฑ ์๊ฒ ์๋ํ๋ ๊ธฐ๋ฅ
- ์ฌ๊ธฐ์๋ ๊ตฌ๊ธ ํฌ๋กฌ, ๋ชจ์ง๋ผ ํ์ด์ดํญ์ค, ์ฌํ๋ฆฌ, ๋ง์ดํฌ๋ก์ํํธ ์ฃ์ง์ ๊ฐ์ ์ธ๊ธฐ ์๋ ๋ธ๋ผ์ฐ์ ์ ๋ค์ํ ๋ฒ์ ๊ณผ ์คํ๋ผ์ ๊ฐ์ ๋ ์ฌ์ฉ๋๋ ๋ธ๋ผ์ฐ์ ๊ฐ ํฌํจ๋จ
- ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ํธํ์ฑ์ ์น ์ฌ์ดํธ ๋๋ ์น ์์ฉ ํ๋ก๊ทธ๋จ์ ์ก์ธ์คํ์ฌ ๊ฐ๋ฅํ ํ ๊ด๋ฒ์ํ ์ฌ์ฉ์๊ฐ ์ฌ์ฉํ ์ ์๋๋ก ํ๋ ๋ฐ ์ค์
'Frontend ๐ > HTMLโงตCSS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[HTML] SVG etc. (1) | 2024.07.12 |
---|---|
[HTML] ์น ํ์ค ๋ฐ ์ ๊ทผ์ฑ I - ์น ํ์ค, ์น ์ ๊ทผ์ฑ, ์๋ฉํฑ ํ๊ทธ etc. (0) | 2024.07.06 |
[HTML] DOCTYPE (0) | 2024.07.06 |
[HTML] HTML ์ฃผ์ ํ๊ทธ (0) | 2023.03.29 |