: HTML ์์๋ค ์ ๋ถ์ ์ฌ์ฉ ๊ฐ๋ฅํ ์์ฑ.style, class, id, tabindex, title, data-xxx: ์ธ๋ผ์ธ์ผ๋ก ์์์ ์ง์ css ์คํ์ผ์ ์ ์ธํ ๋ ์ฌ์ฉํ๋ค.: ์ฌ๋ฌ๊ฐ์ ์๋ฆฌ๋จผํธ๋ฅผ ํ๋์ ์ด๋ฆ์ผ๋ก ๋ฌถ์ด ์ฌ์ฉํ ์ ์๊ฒ ํ๋ค.ํ์นธ์ฉ ๋์ ์ฌ๋ฌ๊ฐ์
server.jsnode server.js ์ฃผ๋ก ์ ๋ชฉ, ๋ค๋น๊ฒ์ด์ ์ ํฌํจํ๊ณ ๋ก๊ณ , ๋ชฉ์ฐจ, ๊ฒ์ํผ์ ๊ทธ๋ฃนํ ํ ์ ์๋ค. ํ๋ฒ๋ง ์ฐ์ด์ง ์๊ณ section, article์์ ๊ทธ ์์ญ ๋ด header์์น์ ์ฐ์ธ๋ค. ํ์ด์ง๋ด์ ๊ฐ์ฅ ์ฃผ์ํ ๋ถ๋ถ์ ๊ทธ๋ฃนํํ ๋ ํ๋ฒ๋ง ์ฌ์ฉ
background-image: url("");: ์ด๋ฏธ์ง ์ฝ์ background-attachment: scroll;: ์คํฌ๋กค ์์ฑparallax(ํ๋ด๋ ์ค) :background-attachment: fixed;: ๋ฐฐ๊ฒฝ์ ๊ทธ๋๋ก ์๊ณ ์์๋ง ์์ง์ฌ ๋ฐฐ๊ฒฝ์ ๋ถ๋ถ๋ถ๋ถ ๋ณด์ฌ์ง
HTML TIP inline ์์ ํน์ง ์์ผ๋ก ์ํํ๊ฒ ์์ธ๋ค. `` ๊ธ์ ์์๋ width, height ๋ฅผ ์ฌ์ฉํ ์ ์๋ค. ๊ธ์ ์์๋ margin padding์ ์์๋๋ ์ฌ์ฉํ ์ ์๊ณ ์ข์ฐ๋ง ์ฌ์ฉํ ์ ์๋ค. ์ธ๋ผ์ธ ์์ ์์๋ ๋ธ๋ญ ์์๋ฅผ ์ฌ์ฉํ
Part02 ์น ์ฌ์ดํธ ๋ผ๋ ๋ง๋ค๊ธฐ 01. HTML ๋งํฌ์ ์ธ์ด๋ Programing Language - ๊ธฐ๊ณ๋ฅผ ๋์ํ๊ฒ ์ง์ํ๋ ์ธ์ด Markup Language - ํ์๊ณผ ์ ์ฐจ์ ๋ง์ถฐ ํ์์ ๋ง๊ฒ ์์ฑํ๋ ์ธ์ด What You See What You Get (