๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[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.
[HTML+CSS] [HTML ๊ธฐ๋ณธ ๋‹ค์ง€๊ธฐ] 01 - HTML์— ๋Œ€ํ•˜์—ฌ HTML์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ธฐ์— ์•ž์„œ HTML์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฐœ๋…์— ๋Œ€ํ•ด์„œ ๊ฐ„๋žตํžˆ ์•Œ์•„๋ณด์ž. HTML์€ 'Hyper Text Markup Language'์˜ ์ค„์ž„๋ง๋กœ 'Hyper Text'๋Š” ์›น๋ฌธ์„œ์—์„œ ๋งํฌ๋ฅผ ํด๋ฆญํ•ด ๋‹ค๋ฅธ ๋ฌธ์„œ๋‚˜ ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•˜๋Š” ๊ธฐ๋Šฅ์ด๊ณ  'Markup'์€ ํƒœ๊ทธ(tag)๋ฅผ ์ด์šฉํ•ด ์–ด๋Š ๊ณณ์ด ๋ณธ๋ฌธ์ด๊ณ  ์ œ๋ชฉ์ธ์ง€ ๊ตฌ๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ํ‘œ์‹œ๋ฅผ ์˜๋ฏธํ•œ๋‹ค. HTML์˜ ํ™•์žฅ์ž๋Š” ์›น์— ์ ํ•ฉํ•œ *.html(*.htm)์„ ๋ถ™์—ฌ์„œ ์‚ฌ์šฉํ•œ๋‹ค. ๋˜ํ•œ ์›น๋ฌธ์„œ๋Š” ์ผ๋ฐ˜ ํŒŒ์ผ๋“ค๊ณผ๋Š” ๋‹ค๋ฅธ ์ฐจ์ด์ ์ด ์žˆ๋Š”๋ฐ ๋‚ด์šฉ์„ ์ž…๋ ฅํ•˜๊ณ  ํ™•์ธํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋™์ผํ•œ ์ผ๋ฐ˜ ํŒŒ์ผ๋“ค๊ณผ๋Š” ๋‹ฌ๋ฆฌ ์›น๋ฌธ์„œ๋Š” ์›น ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ๊ณผ ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์ด ๋‹ค๋ฅด๋‹ค. ์ด๋•Œ ์›น๋ฌธ์„œ๋ฅผ ์ œ์ž‘ํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ 'web editor'๋ผ๊ณ  ํ•˜๊ณ  ์›น ๋ฌธ์„œ ๊ฒฐ๊ณผ๋ฅผ ๋ณด๋Š” ํ”„๋กœ๊ทธ๋žจ.. 2020. 6. 2.