๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฐ˜์‘ํ˜•

๐Ÿ’ป 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๋…„..

728x90
๋ฐ˜์‘ํ˜•