๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 02 - ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ ๊ธฐํ˜ธ ์‚ฌ์šฉํ•˜๊ธฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - Tag(ํƒœ๊ทธ) ๊ฐœ๋… ๋ฐ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์  [HTML+CSS].. onelight-stay.tistory.com ํ…์ŠคํŠธ์™€ ๊ด€๋ จ๋œ ํƒœ๊ทธ๋“ค ์ค‘์—์„œ๋„ ํ…์ŠคํŠธ๋ฅผ ํ•œ ์ค„๋กœ ํ‘œ์‹œํ•˜๋Š” ํƒœ๊ทธ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. ์ธ๋ผ์ธ ๋ ˆ๋ฒจ ํƒœ๊ทธ ํ…์ŠคํŠธ๋ฅผ ํ•œ ์ค„๋กœ ํ‘œ์‹œํ•˜๋Š” ํƒœ๊ทธ , - ๊ตต๊ฒŒ ํ‘œ์‹œ ํ•ด๋‹น ํƒœ๊ทธ๋“ค์€ ํŠน์ • ํ…์ŠคํŠธ๋ฅผ ๊ตต๊ฒŒ ๊ฐ•์กฐํ•˜๊ฑฐ๋‚˜ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ์ด๋‹ค. ๋‘˜์˜ ์ฐจ์ด์ ์€ ์€ ๊ฒฝ๊ณ ๋‚˜ ์ฃผ์˜ ์‚ฌํ•ญ ๊ฐ™์€ ์ค‘์š”ํ•œ ๋‚ด์šฉ์„ ๊ฐ•์กฐํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋Š” ๋‹จ์ˆœํžˆ ๊ตต๊ฒŒ.. 2020. 6. 8.
[HTML+CSS] [ํ…์ŠคํŠธ ๊ด€๋ จ ํƒœ๊ทธ] 01 - ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ ๊ธฐํ˜ธ ์‚ฌ์šฉํ•˜๊ธฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - Tag(ํƒœ๊ทธ) ๊ฐœ๋… ๋ฐ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์  [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 02 - Visual Studio Code ์„ค์น˜ ๋ฐ ํ™•์žฅ.. onelight-stay.tistory.com ํ…์ŠคํŠธ์™€ ๊ด€๋ จ๋œ ํƒœ๊ทธ๋“ค ์ค‘์—์„œ๋„ ํ…์ŠคํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š”๋ฐ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋ฉ์–ด๋ฆฌ๋กœ ๋ฌถ์–ด์ฃผ๋Š” ํƒœ๊ทธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž. ๋ธ”๋ก ๋ ˆ๋ฒจ ํƒœ๊ทธ ํ…์ŠคํŠธ๋ฅผ ๋ฉ์–ด๋ฆฌ๋กœ ๋ฌถ์–ด์ฃผ๋Š” ํƒœ๊ทธ - ์ œ๋ชฉ ํ‘œ์‹œ ์€ ์ œ๋ชฉ์€ ๋œปํ•˜๋Š” 'heading'์˜ 'h'์™€ ์ˆซ์ž(1~6)๋ฅผ ์‚ฌ์šฉํ•ด ์—์„œ ๊นŒ์ง€ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ๋‹ค. ์„ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ ์ผ๋ฐ˜์ ์ธ ํ…์ŠคํŠธ๋ณด๋‹ค ๊ตต.. 2020. 6. 7.
[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 05 - ์—”ํ‹ฐํ‹ฐ ๊ธฐํ˜ธ ์‚ฌ์šฉํ•˜๊ธฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - Tag(ํƒœ๊ทธ) ๊ฐœ๋… ๋ฐ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์  [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 02 - Visual Studio Code ์„ค์น˜ ๋ฐ ํ™•์žฅ์„ค์น˜ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ HTM.. onelight-stay.tistory.com HTML ๋ฌธ์„œ๋ฅผ ์ œ์ž‘ํ•  ๋•Œ ' 2020. 6. 6.
[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 04 - HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - Tag(ํƒœ๊ทธ) ๊ฐœ๋… ๋ฐ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์  [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 02 - Visual Studio Code ์„ค์น˜ ๋ฐ ํ™•์žฅ์„ค์น˜ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ HTML์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ์— ์•ž์„œ HTML์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ๊ฐ„๋žตํžˆ ์•Œ์•„๋ณด์ž. HTML.. onelight-stay.tistory.com ๋“œ๋””์–ด HTML์˜ ๊ธฐ๋ณธ ๊ตฌ์กฐ์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๋Š” ์‹œ๊ฐ„์ด๋‹ค. ์ด๋ฒˆ ๊ธฐํšŒ๋ฅผ ํ†ตํ•ด HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ์— ๋Œ€ํ•ด ์ดํ•ดํ•˜๊ณ  ์ž‘์—… ์‹œ ํ˜ผ๋™ํ•˜์ง€ ์•Š๋„๋ก ํ•œ๋‹ค. HTML ๋ฌธ์„œ๋Š” ์ผ๋ฐ˜ ๋ฌธ์„œ์™€๋Š” ๋‹ฌ๋ฆฌ ์ •ํ•ด์ง„ ํ˜•์‹์— ๋งž์ถ”์–ด ๋‚ด์šฉ์„ ์ž…๋ ฅํ•ด์•ผ ํ•œ๋‹ค. ์˜ˆ์‹œ๋ฅผ ํ™•์ธํ•˜๊ณ  HTML ๋ฌธ์„œ์˜ ๊ธฐ๋ณธ๊ตฌ์กฐ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜์ž. -.. 2020. 6. 5.
[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 03 - Tag(ํƒœ๊ทธ) ๊ฐœ๋… ๋ฐ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์  [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 02 - Visual Studio Code ์„ค์น˜ ๋ฐ ํ™•์žฅ์„ค์น˜ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ HTML์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ์— ์•ž์„œ HTML์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ๊ฐ„๋žตํžˆ ์•Œ์•„๋ณด์ž. HTML์€ 'Hyper Text Markup Language'์˜ ์ค„์ž„๋ง๋กœ 'Hyper Text'๋Š” ์›น๋ฌธ์„œ์—์„œ ๋ง.. onelight-stay.tistory.com HTML ๊ธฐ๋ณธ ๋ฌธ์„œ ๊ตฌ์กฐ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ ์ „์— HTML์—์„œ ์•„์ฃผ ์ค‘์š”ํ•œ Tag(ํƒœ๊ทธ)์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ์‚ฌ์šฉ ์‹œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์ ์ด ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜์ž. Tag(ํƒœ๊ทธ)๋Š” ์–ด๋””๊ฐ€ ์ œ๋ชฉ์ด๊ณ  ์–ด๋””๊ฐ€ ๋ณธ๋ฌธ์ธ์ง€ ํ‘œ์‹œํ•˜๋Š” ๋งˆํฌ์—…์„ ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์•ฝ์†๋œ ํ‘œ๊ธฐ๋ฒ•์ด๋‹ค. ์ด๋•Œ, ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ .. 2020. 6. 4.
[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 02 - Visual Studio Code ์„ค์น˜ ๋ฐ ํ™•์žฅ์„ค์น˜ [HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ HTML์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ์— ์•ž์„œ HTML์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ๊ฐ„๋žตํžˆ ์•Œ์•„๋ณด์ž. HTML์€ 'Hyper Text Markup Language'์˜ ์ค„์ž„๋ง๋กœ 'Hyper Text'๋Š” ์›น๋ฌธ์„œ์—์„œ ๋งํฌ๋ฅผ ํด๋ฆญํ•ด ๋‹ค๋ฅธ ๋ฌธ์„œ๋‚˜ ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•˜๋Š” ๊ธฐ๋Šฅ๏ฟฝ๏ฟฝ onelight-stay.tistory.com HTML์€ ์›น ํŽธ์ง‘๊ธฐ๋ฅผ ์ด์šฉํ•ด ์ž‘์—…์„ ํ•œ๋‹ค. ์ •๋ง ๋‹ค์–‘ํ•œ ์›น ํŽธ์ง‘๊ธฐ๊ฐ€ ์กด์žฌํ•˜์ง€๋งŒ ๊ทธ์ค‘์—์„œ ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ๋ฅผ ์„ค์น˜ํ•ด ๋ณด๋„๋ก ํ•˜์ž. ๋˜ํ•œ ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜ ๋ง๊ณ ๋„ ์›น ํŽธ์ง‘๊ธฐ๋ฅผ ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๊ธฐ๋ณธ ๋„๊ตฌ๋“ค์„ ์„ค์น˜ํ•˜๋Š” ํ™•์žฅ ์„ค์น˜๋ฅผ ์ง„ํ–‰ํ•ด ๋ณด์ž. (1) ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•ด ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ๋ฅผ ๋‹ค์šด๋กœ๋“œํ•œ๋‹ค. https://code.visualstud.. 2020. 6. 3.