๐บ Front End/-- HTML & CSS16 4. HTML ํ ์ด๋ธ ํ ์ด๋ธ ์ ๋ณด๋ฅผ ์ด์ฐจ์์ ์ผ๋ก ํํํ๊ธฐ ์ํด์ ์ฌ์ฉํ๋ฉฐ ์น ๋ฌธ์์์ ํ ์ด๋ธ์ ์ด์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ํํํ ์ ์๋ค. ํ ์ด๋ธ ์์ฑ : ํ ์ด๋ธ ์์ฑ์ ์ํ ํ๊ทธ : table row์ผ๋ก์จ ํ ์ด๋ธ์ ํ๋์ ํ ์์ฑ : table data์ผ๋ก์จ ํ ์ด๋ธ์ ํ๋์ ์ ์์ฑ : table header์ผ๋ก์จ ํ ์ด๋ธ์ ์ ๋ชฉ์ผ๋ก ํ์๋๋ ์ ์์ฑ : ํ ์ด๋ธ์ ์ ๋ชฉ ํ ์ด๋ธ ์ ์ธ ํ๊ทธ ~ ์ผ๋ก ํ ์ด๋ธ์ ์ ์ธํด์ฃผ๊ณ ํ๊ทธ ์์์ , , ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋ค. first data second data ํ ์ด๋ธ ์ ๋ชฉ ํ๊ทธ ์ ๊ณผ ๊ฐ์ ์ญํ (์ ๋ชฉ)์ ์ํํ์ง๋ง ์ฐจ์ด์ ์ด ์๋๋ฐ ํ๊ทธ๋ ์ ๋ชฉ์ผ๋ก ํ์๋๋ ์ ์ด๋ค. ํ ์ด๋ธ์ ์ ๋ชฉ Real Title hello first data second data world third data fourth .. 2019. 11. 29. 3. HTML ์ด๋ฏธ์ง ์ฝ์ ์ด๋ฏธ์ง ํ๊ทธ HTML์์ ์ด๋ฏธ์ง๋ฅผ ์ฝ์ ํ๊ธฐ ์ํด์๋ ํ๊ทธ๋ฅผ ์ฌ์ฉํ๋๋ฐ ์ด ๋ ์ฌ์ฉ๋๋ ์๋ URL์ ๊ฒฝ๋ก๋ ๋ค์๊ณผ ๊ฐ๋ค src : ํ์ ์์ฑ์ผ๋ก ์ด๋ฏธ์ง ํ์ผ์ ์ฐ๊ฒฐ alt : ์ด๋ฏธ์ง ํ์ผ์ด ์์ผ๋ฉด, ํ์ผ์ ๋ํ ์ค๋ช ์ด ๋ํ๋๋ค. title : ๋ง์ฐ์ค๋ฅผ ๊ฐ์ ธ๋ค๋๋ฉด ํ์ผ์ ๋ํ ์ค๋ช ์ด ๋์ด ์ด๋ฏธ์ง์ ํฌ๊ธฐ ์กฐ์ width : ์ด๋ฏธ์ง ๊ฐ๋ก ํฌ๊ธฐ height : ์ด๋ฏธ์ง ์ธ๋ก ํฌ๊ธฐ ์ด๋ฏธ์ง์ ๋ฌธ์์ ์ ๋ ฌ ์ฝ์ ํ ์ด๋ฏธ์ง์ ํฌ๊ธฐ๋ vspace ๋ hspace ์์ฑ์ ์ด์ฉํ์ฌ ์กฐ์ ํ๋ค. ์ด ๋ ํ์์ ๋ค์๊ณผ ๊ฐ๋ค. vspace : ์ด๋ฏธ์ง ์ํ์ ์ฌ๋ฐฑ hspace : ์ด๋ฏธ์ง ์ข์ฐ์ ์ฌ๋ฐฑ ์ด๋ฏธ์ง๋ก ๋ฌธ์ ์ฐ๊ฒฐ 2019. 11. 28. 2. HTML ๊ธฐ๋ณธ ํ๊ทธ ์์ HTML ๊ธฐ๋ณธ ํ๊ทธ ๋ฌธ์ ์์ ํ๊ทธ ๋จ๋ฝ ์์ ํ๊ทธ ๋ชฉ๋ก ํ๊ทธ ์ฐ๊ฒฐ ํ๊ทธ ๊ธฐ๋ณธ ํ๊ทธ ๋ฌธ์ ๊ตฌ์กฐ ํ๊ทธ Html ํ๊ทธ์ค ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ํ๊ทธ๋ก์จ ๋ฌธ์ ๊ตฌ์กฐ๋ฅผ ์ ์ํ๋ , , , , ๊ฐ ์์ผ๋ฉฐ ์ด๋ฌํ ํ๊ทธ๋ค๋ก HTML ๋ฌธ์๋ฅผ ์์ฑํ๋ค. ํ๊ทธ๋ฅผ ์ ์ธํ ๋๋จธ์ง , , , , ํ๊ทธ๋ ํ์ ํ๊ทธ๋ก ํ์๋ ํ๊ทธ๋ค์ ๋ฌธ์์ ๋ฐ๋์ ์ฌ์ฉ๋์ด์ผ ํ๋ค. ํ๊ทธ html ํ๊ทธ๋ ์์๋ฅผ ์ ์ํ๋ฉฐ, ๋ฌธ์ ํธ๋ฆฌ์์ ๋ฃจํธ ๋ ธ๋์ ํด๋น๋๋ ๋ฃจํธ ์์๋ก ๋ฌธ์์ ๋ชจ๋ html ์์๋ฅผ ํฌํจํ๋ค lang : ์์ ๋ด์ฉ์ ์์ฐ ์ธ์ด dir : ์์ ๋ด์ฉ์ ์์ฑ ๋ฐฉํฅ ํ๊ทธ ์์์๋ ์์์ ์์๋ฅผ ํฌํจํ๋ฉฐ ๋ค์๊ณผ ๊ฐ์ ํ๊ทธ๋ฅผ ํฌํจํ ์ ์๋ค. : ๋ฌธ์์ ์ ๋ชฉ : ๋ฌธ์์ ๋ฉํ ๋ฐ์ดํฐ : ๋งํฌ ์ฐ๊ฒฐ : ์คํฌ๋ฆฝํธ ์ฝ๋ : ์คํฌ๋ฆฝํธ๊ฐ ์ง์๋์ง ์๋ ๋ธ๋ผ.. 2019. 11. 27. 1. Html ๊ธฐ์ด HTML HyperTextMarkupLanguage ์ ์น์์ ์ฌ์ฉ๋๋ ํ์ดํผํ ์คํธ ๋ฌธ์ ๋๋ ํ์ด์ง๋ฅผ ํ๊ทธ(Tag) ๋ฅผ ์ด์ฉํ์ฌ ์์ฑํ๋ ๋งํฌ์ ์ธ์ด์ด๋ค. HTML ์ข ๋ฅ ๋ฐ ๋ฐ์ ๊ณผ์ HTML 2.0 HTML 2.0 ์ ์ด์ ๊น์ง ์ฌ์ฉ๋๋ HTML์ ํ์คํ ์์ผฐ๊ณ ํ๊ทธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌธ์ ๊ตฌ์กฐ๋ฅผ ์ ์ํ๋๋ก ํ๋ฉฐ ์ ๋ชฉ, ๋ฌธ๋จ, ๋ชฉ๋ก, form์ ์ด์ฉํ์ฌ ์์ฑ, ์ด๋ฏธ์ง ์ฝ์ , ํ์ดํผ ๋งํฌ ๋ฑ์ ๊ธฐ๋ฅ์ ํฌํจํ๋ค HTML 3.2 HTML 2.0์ ๋ช ์๋ ๊ธฐ๋ฅ ์ธ์ฉ ํ ์ด๋ธ, ํ๋ ์, ์ฒจ์ ํํ ๋ฑ์ ์ถ๊ฐํ์์ผ๋ฉฐ ๋์๊ฐ ์๋ฐ ์ ํ๋ฆฟ ์ ์น ๋ฌธ์์ ์ฌ์ฉํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ ๊ณตํ์๋ค. HTML 4.01 ์ต์ด๋ก CSS๋ฅผ ์ฌ์ฉํ์ฌ ํฐํธ, ๋ ์ด์์๋ฑ์ ์คํ์ผ์ ์ง์ ํ ์ ์์๊ณ ํ ์ด๋ธ ๋ฐ ํ๋ ์์ ๊ธฐ๋ฅ์ ํ์ฅํ์๋ค. ๋ฟ๋ง ์๋.. 2019. 11. 27. ์ด์ 1 2 3 4 ๋ค์