๐ป Deep Wide Programming/Html & Css (11) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [์ํ์ฝ๋ฉ] Web 11๊ฐ, 12๊ฐ, 13๊ฐ, 14๊ฐ, 15๊ฐ ์ตํ์ ๋ฌธ๋ฒ ์์ฑ & img image๋ฅผ ๋ฃ๊ณ ์ถ์ ๋ ์ฐ๋ tag ๋ผ๋ ํ๊ทธ์ ์ด๋ฆ๋ง์ผ๋ก๋ ์ ๋ณด๊ฐ ๋ถ์กฑํ ๊ฒฝ์ฐ๊ฐ ์๋ค. ๊ทธ๋์ ์๋ก์ด ๋ฌธ๋ฒ์ ์ถ์ฐ์์ผฐ๋ค. ์ด๋ฏธ์ง ์์ค์ ๋งํฌ ์ฃผ์๋ฅผ "" ์ฌ์ด์ ๋ฃ์ด์ค๋ค. ๊ทธ๋ฌ๋ฉด ์นํ์ด์ง์ ํด๋น ์ด๋ฏธ์ง๋ฅผ ์ฝ์ ํ ์ ์๊ฒ ๋๋ค. unsplash์์ ๋ฌด๋ฃ ์ด๋ฏธ์ง๋ฅผ ํ๋ ๊ณจ๋ผ ๋์ webํด๋์ ๋ค์ด๋ก๋ ๋ฐ์์, ํด๋น ์ด๋ฏธ์ง ๋ค์์ "" ์ฌ์ด์ ๋ฃ์ด์ฃผ์๋ค. ์ด๋ฏธ์ง ํฌ๊ธฐ๊ฐ ๋๋ฌด ์ปค์, ํ๋ฉด์ ๋ฑ ๋ง์ถ๊ธฐ ์ํด width="100%"๋ ์ถ๊ฐํด์ฃผ์๋ค. ๊ฒ์ ๋ฐ์ค ์น ์ ๋๊ฐ์ ๊ฐ์ ๊ฒ๋ค์, Attribute๋ผ๊ณ ํ๋ค! ๋ถ๋ชจ์์๊ณผ ๋ชฉ๋ก [์ํ์ฝ๋ฉ] WEB1- HTML & INTERNET ๊ฐ์ ๋ฉ๋ชจ (5๊ฐ,6๊ฐ,7๊ฐ,8๊ฐ,9๊ฐ,10๊ฐ) Web ๋ธ๋ผ์ฐ์ ์์ ๋ด๊ฐ ๋ง๋ Webpage ์ด๊ธฐ ์ง๋ ์๊ฐ์ ์ด์ด์, ๋๋ ์๋ํฐ ํ๋ก๊ทธ๋จ์ผ๋ก Visual Studio Code๋ฅผ ๋ค์ด๋ฐ์ html ๊ณต๋ถ๋ฅผ ์์ํ๋ค. ์ค๋์ ์ฒซ ํ์ต์ "web ๋๋ ํ ๋ฆฌ ์์ ์๋ 1.html ํ์ผ ํค๋ ๋ฒ"์ ์๋ ๊ฒ์์ ์์ํ๋ค. ์์๋ ๋ค์๊ณผ ๊ฐ๋ค. Visual Studio Code์์ 1.html ํ์ผ์ ์๋ก ๋ง๋ค์ด ์ ์ฅํ๊ณ , ๊ทธ ์์ Deep Wide school์ ๋ํ ๊ธ์ ๋ด์๋ค. 1. Chrome ์น๊ฒ์์ฐฝ์ ๋ค์ด๊ฐ๊ธฐ 2. Ctrl + O (ํ์ผ ์ด๊ธฐ ๋จ์ถํค) 3. ์ ์ฅ๋ 1.html ํ์ผ ๋ถ๋ฌ๋ด๊ธฐ ์งํ๊ฒ, ๋ฐ์ค์ ์ด๋ป๊ฒ ํ์๊น? ์ด์ด์ ์ด ๋๊ฐ์ง๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ Tag์ ๋ํด์ ์์๋ณด๊ฒ ๋ค. Tag ์ท์ ์ฌ๋ฉด ์ท์ ๋ฌ๋ฆฐ Tag๊ฐ ์ท์ ์ค๋ช ํด์ฃผ๋ฏ, Coding์.. [์ํ์ฝ๋ฉ] Welcome back to Coding world! ์ฝ๋ฉ์ด ๋จ๊ธด ์ฐ๋ผ๋ฆฐ ์์ ๋ฏฟ๊ฒจ์ง์ง ์๊ฒ ์ง๋ง 2016๋ ๋ฉ์์ด์ฌ์์ฒ๋ผ์ ํ์๋ค. ๋ฐํ๊ธฐ ์ํํ๊ณ , ์์ฒด ์ฐฝ์ ํ๋ก์ ํธ๋ฅผ ์งํํ ๋์ฏค ๋๋ ํํด๋ฅผ ํ๋ค. ๊ทธ๋ ๊ทธ ์ปค๋ฎค๋ํฐ์ ์ ๋ง ์ ๋ฅํ ์ ๋ฐฐ๋ค์ด ๋ง์๋ ๊ฒ์ผ๋ก ๊ธฐ์ตํ๋ค. ์ ์ ๋ถ์ด์ง ๋ชปํ๊ฒ ์ฐธ ์์ฝ๊ธด ํ์ง๋ง.. ๋น์ ์ ๋ง ๋ญ๊ฐ ๋ญ์ง๋ ๋ชจ๋ฅธ์ฑ, ๋๋ ๋ญ๊ฐ๋ฅผ.. ์ดํ ๊ฐ์ ๊ฑธ ๋ง๋ค๊ณ ์ถ์ด! ๋ผ๋ ํ๋ฆฌ๋ฉํ ํ ์๊ฐ ํ๋๋ก ํจ๊ธฐ ๋์น๊ฒ ์ง์ํด์ ์ด์ฐ์ ์ฐ ํฉ๊ฒฉ์ ํ๋ค. ์น๊ณผ ์ฑ์ด ๊ฐ๋ฐ์ ํ๋๋ฐ ๋ญ๊ฐ ๋ค๋ฅธ์ง, ๊ฐ๋ฐ์ด๋ผ๋๊ฒ ์ด๋ค ์๋ฏธ์ธ์ง ์ ๋ง ํ๋๋ ๋ชจ๋ฅด๊ณ ๋ค์ด๊ฐ๋ค. ๊ทธ๋์ ๋ฑ ํฉ๊ฒฉํ๋๋ฐ, ์ฌ๊ธฐ์ ์น ๊ฐ๋ฐ์ ํ๋ค๋ ๊ฒ์ ์๊ณ ์ ์ฅ? ํ๋ค. ์ฌ์ค ๋น์ ์ ์ฅ?ํ๋์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค.. ์ฑ์ ์ ์ ํธํ๋์ง ์ด์ ๋ ๋ฑํ ์๋ค. ๊ทธ๋ฅ ์ฑ์ด ์ ์ง ๋ ๊ฐ์ง๋๋ณด์๊ธฐ ๋๋ฌธ์ด๋ฆฌ๋ผ.. ๋ด๊ฐ 16๋ .. ์ด์ 1 2 ๋ค์