728x90 ๋ฐ์ํ HTML + CSS ์๋ฆฌ์ฆ๐ธ28 ๋งํฌ !! very important! | HTML & CSS ์๋ฆฌ์ฆ 008 ๋งํฌ! ์ ๋ง ์นํ์ด์ง ๋ง๋ค๋ ์ค์ํ๋ค! ๋งํฌ ์ด๋ป๊ฒ ์์ฑํด์ฃผ๋๋ฐ?? ์ ์ฌ์ง์ฒ๋ผ ์๋์ ๊ฐ์ด ์ ๋ ฅ ํด์ค์ ์๋ค. go there ~ ์ฃผ์์ ๋ ฅ ๋์๋ ํด๋ฆญ์ ๋ค์ด๊ฐ๊ณ ์ถ์ ๋งํฌ๋ฅผ ๊ฑธ์ด๋๋ฉด ๋๋ค. ๋ญ ์๋ฅผ ๋ค์ด ๊ตฌ๊ธ๋ก ๊ฐ๊ณ ์ถ๋ค! ๊ทธ๋ ๋ค๋ฉด google ์ด์ ๊ฐ์ด ์์ฑํ ์ ์๋ค. ๊ทธ๋ฐ๋ฐ ์ด๋ ๊ฒ ์์ฑํ๊ฒ ๋๋ค๋ฉด ์์ฐฝ์ด ์๋ ์ฌ์ฉ์ค์ธ ์ฐฝ์์ ๊ตฌ๊ธ๋ก ๋ฐ๋๊ฒ ๋๋๋ฐ ์ด๊ฑธ ๋ถํธํด ํ๋ ์ฌ์ฉ์๋ค์ด ๊ฝค ์๋ค. (์ด์ด๋ ๋ถํธํจ) ๊ทธ๋ ๋ค๋ฉด ์๋ก์ด ๋งํฌํด๋ฆญ์ ์๋ก์ด ์ฐฝ์ผ๋ก ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ์ด ๋ญ๋ฐ? google target="_blank" ์ด๊ฑธ ์ฐ๊ฒฐํ๊ณ ์ถ์ ์ฃผ์ ๋ค์ ์ถ๊ฐ ํด์ฃผ๋ฉด๋๋ค. ์์ฉํด๋ณด์! ๋ค๋ฅธ ํ์ด์ง๋ก ๋์ด๊ฐ๋ค๊ฐ ๋์์๋ค๊ฐ ํ๋ ๋ฐฉ๋ฒ!!! ๋ญ์ผ๋ญ์ผ ๊ทธ๋ฌ๋ฉด ์์ฉํด์ ์ด์ฒ๋ผ ๋ฉ์ธํ์ด์ง์์ ๋ค๋ฅธ ํ์ด์ง๋ก ๋์ด๊ฐ๋ค๊ฐ ๋ค์ ๋.. 2021. 7. 22. ์ต์ ๋ ํ๊ทธ ์ด๊ฑด ๋ ๋ญ์ผ? | HTML & CSS ์๋ฆฌ์ฆ 007 ์ต์ ๋ ํ๊ทธ(Optional Tags) .. ์ด๊ฑด ๋ ๋ญ์ผ? ์ต์ ๋ ํ๊ทธ.. ์๋ ํ๊ทธ ๋ค์ ๋งํ๋ค. ์ด๋ฐ ํ๊ทธ๋ค์ ์ง์ ํด๋ณด๋ฉด ์๊ฒ ์ง๋ง, ์ฐ์ง ์์๋ ๋ณ ๋ฌธ์ ์์ด ์๋๋๋ค. ๊ทธ๋ฌ๋ฉด ์ต์ ๋ ํ๊ทธ ๊ผญ ์จ์ผ ํฉ๋๊น? Optional Tags! ๋จ์ด ๊ทธ๋๋ก ์ ํ์ ํ๊ทธ ๋ผ๋ ๋ป์ ์ง๋๋ค. ์ ํ์ ?? ๊ทธ๋ ๋ค๋ฉด ํด๋ ๋๊ณ ์ํด๋ ๋๋ ๊ฑด๊ฐ? => ๊ฒฐ๋ก ๋ถํฐ ๋งํ์๋ฉด ๊ทธ๋ ์ต๋๋ค. ์ ๋ง ๊ฐ์ธ ์์ ์ธ๊ฒ ๊ฐ๋ค. ์..๋ค์ฌ์ฐ๊ธฐ ,์ฃผ์ ๋ฅผ ๊ผญ ์จ์ผ ๋๋๋ ๋ฌป๋ ๊ฒ๊ณผ ๊ฑฐ์..๋น์ทํ๋ค๊ณ ๊ฐ์ธ์ ์ผ๋ก ๋ณธ๋ค. ๊ทธ๋ ์ง๋ง ๋๋ ์ ๋ฆฌ ๋ชฉ์ ์ผ๋ก ์์ ๋งํ๋ ํ๊ทธ๋ค์ ์ฌ์ฉํ๋ ํ๋๊ฒ ์ข๋ค๊ณ ๋ณธ๋ค. ๋ฅผ ํตํด์ ์ฝ๋์ ๊ตฌ์กฐ๊ฐ ํ ๋์ ๋ค์ด์ค๊ธฐ ๋๋ฌธ์ด๋ค. +๊ทธ์น๋ง ๊ตฌ๊ธ ๊ฐ์ด๋ (https://google.github.io/styleguide/ht.. 2021. 7. 22. ๋ค์ฌ์ฐ๊ธฐ? ๊ทธ๊ฒ ๋ญ๋ฐ? | HTML&CSS ์๋ฆฌ์ฆ 006 ๋ค์ฌ์ฐ๊ธฐ ? ๊ทธ๊ฒ ๋ญ๋ฐ?? ๋ค์ฌ์ฐ๊ธฐ ํ๋ ๋ฐฉ๋ฒ์ tab ์ ๋๋ฅด๊ฑฐ๋ ํ ๋ฒ์ ๋๋๊ทธํด์ ๋ค์ฌ์ฐ๋ ๋ฐฉ๋ฒ์ผ๋ก๋ ๋๋๊ทธํ ํ ctrl + }๋ฅผ ๋๋ฅด๋ฉด ๋๋ค. ์ ์ฌ์ง์ ๋ณด๋ฉด ๋ค์ฌ์ฐ๊ธฐ๊ฐ ๋ญ์ง ํ๋ฒ๋ง์ ์ดํด ํ ์ ์์๊ฒ ๊ฐ๋ค. ๋ค์ฌ์ฐ๊ธฐ ๊ทธ๋ฌ๋ฉด ์ ํ๋๋ฐ?? ๊ทธ๋ด๊ฑฐ.. ์ ์ฐพ์๋ณธ ๊ฒฐ๊ณผ - ๋ถ๋ชจ์์์ ํ๊ทธ์ ์์น๋ ํ์ผ์ ๊ฒฝ๋ก๋ฅผ ์์๋ณด๊ธฐ ์ฝ๊ฒ ํ์ํ๋ ค๊ณ - ์นํ์ด์ง๋ฅผ ์ฝ๋ฉํ ๋ ์์ค์ฝ๋๊ฐ ๋ณต์กํ๊ฒ ์์ผ๋ฉด ์ฐพ๊ธฐ์ด๋ ค์์ => ๊ทธ๋ฌ๋๊น ๊น๋ํ๊ฒ! ๋ค๋ฅธ ๊ฐ๋ฐ์๋ค์ด ๋ดค์๋ ์์ ๋ณด๊ธฐ ์ฝ๊ฒ! ํ๋ ค๊ณ ์ด๋ค. ์์งํ ์์ ๋ง์ ์ฝ๋๋ฅผ ๊ฐ๋ฐํ๋ ค๊ณ ๋ค์ฌ์ฐ๊ธฐ ์ํด๋ ๋ ๊น? ์๊ฐ๋ ํด๋ดค๋ค. ๊ทธ๋ฐ๋ฐ ํ์ญํ์ ์๋ ๊ฐ๋ฐ์ ํ ๋์๋ ์ฝ๋๊ฐ ๊ธธ์ด์ง๋ค๋ฉด ๋ณธ์ธ ๋ํ ์ฐพ๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆด๊บผ ๊ฐ๋ค๋ ์๊ฐ์ด ๋ค์๋ค. ๊ฒฐ๋ก ์ ๋ฌด์กฐ๊ฑด ๋ค์ฌ์ฐ๊ธฐ ์ต๊ด์ ๋ค์ด์! .. 2021. 7. 22. CSS ๋ฌด์์ธ๊ฐ? | HTML & CSS ์๋ฆฌ์ฆ 005 HTML ์ ์๊ฒ ๋๋ฐ CSS ๋ ๋ญ์ผ? ์ด์ฒ๋ผ html ์ ๋ด์ฉ์ css ๋ ์คํ์ผ์ ๋ด๋นํ๋ค๊ณ ๋ณด๋ฉด ๋๋ค. ๋ง์น ํฐํธ ํฌ๊ธฐ(Font-size), ํ ์คํธ ์ ๋ ฌ(text-align), ํ ์คํธ ์(color), ์ฌ๋ฐฑ(margin) ์ด๋ฐ ๋ชจ๋ ๊พธ๋ฉฐ์ฃผ๋๊ฒ๋ค์ ๋น๋นํ๋๊ฒ CSS ์ด๋ค. ์์ ์ฌ์ง์ ๋ณด๋ฉด ๋ฐ์ผ๋ก ๋ถํฐ CSS ๋ผ๊ณ ๋ณด๋ฉด๋๋ค. ๋ง ๊ทธ๋๋ก ์คํ์ผ ๋ด๋น ํ๋ ์ฝ๋๋ค์ธ๋ฐ ์์ฑ๋ฒ์ 1. ์คํ์ผ ํด์ฃผ๊ณ ์ถ์ ํ๊ทธ๋ฅผ ๋จผ์ ์ ์ด์ค๋ค. ex) h ๋๋ p ๋๋ p ์์ em์ ์คํ์ผ ํด์ฃผ๊ธฐ์ํด์๋ p em { ๋ธ๋ผ๋ธ๋ผ; } 2. ์์์๋ h (ํค๋)๋ฅผ ๊พธ๋ฉฐ์ฃผ๊ธฐ์ํด h ๋ฅผ ๋จผ์ ์ ๊ณ { }๋ฅผ ์ ๋๋ค. 3. ๊ทธ๋ฆฌ๊ณ { } ์์ ๋ค๊ฐ ์คํ์ผ ์ฝ๋๋ฅผ ์ ์ผ๋ฉด ๋๋๋ฐ ์ ์ฝ๋๋ฅผ ๋ณด๋ฉด, ํ ์คํธ ์ฌ์ด์ฆ , ํ ์คํธ ์์น ์ ๋ํด ์ค.. 2021. 7. 22. ์ด์ 1 ยทยทยท 3 4 5 6 7 ๋ค์ 728x90 ๋ฐ์ํ