์น(IT) ์ ๋ณด/html7 ์๋จ ๊ณ ์ ๋ ์ด์ด ํ์ ๋ง๋ค๊ธฐ ์ฌ์ดํธ ์๋จ์ ๊ณ ์ ์ผ๋ก ๋ฐฐ๋๋ฅผ ๋๊ณ ์ค๋ ์ด์ฐฝ์ ์ด์ง์์ ํด๋ฆญ ์ ์ค๋ ํฌ๋ฆญ์๊ฐ๋ถํฐ 24์๊ฐ ๊ณ์ฐ ํ์ฌ ๋์์ฃผ์ง ์๊ฒ ํฉ๋๋ค. ๊ผญ ์๋จ ์๋๋๋ผ๋ ์ผ๋ฐ ๋ ์ด์ด ํ์ ์์๋ ์ฌ์ฉํ ์ ์์ด์! ์นดํ24 ์์ค๊ธฐ์ค์ด๋ ๋ง๋ ์๋ฃจ์ ์ import ๋ณํํ์๋ฉด ๋ค ์ ์ฉ์ด ๊ฐ๋ฅํฉ๋๋ค. [ HTML ํ์ผ๋ด์ฉ ] ์๋จ๋ฐฐ๋ ์ค๋ ์ด ์ฐฝ์ ์ด์ง ์์ [๋ซ๊ธฐ] [ CSS ์ํฌํธ ] .laypopup {text-align:center; overflow:hidden; position:relative; width:100%;} .laypopup .bt { position:absolute; bottom:10px; right:30px; font-size:16px; line-height:20px} .laypopup .bt span:hove.. 2017. 10. 25. html tag ํ๊ทธ ๋ฆฌ์คํธ html ํ๊ทธ ๋ฆฌ์คํธ ํ๊ทธ ํ๊ทธ์ค๋ช ์ผ๋ช ์ฃผ์์ด๋ผ๊ณ ํฉ๋๋ค. html์ค์์ ์ฌ์ฉํ์ง ์๋ ๋ถ๋ถ์ ์ฃผ์์ฒ๋ฆฌํ์ฌํด๋นํ๊ทธ๋ฅผ ์ฌ์ฉํ์ง ์๊ฑฐ๋ html์ค ๋ฉ๋ชจ๋ฅผ ๋ฃ๋๋ฐ ์ฌ์ฉํฉ๋๋ค. aํ๊ทธ๋ ํ์ดํผ๋งํฌ ํ๊ทธ๋ก์จ html๋ฌธ์๊ฐ์ ํ์ด์ง ์ด๋์ ์ํ์ฌ a href="" ๋ฐฉ์์ผ๋ก ์ฃผ์๋ฅผ ์ ๋ ฅํฉ๋๋ค. ํด๋น๋ฌธ์์ ์์ฑ์ ๋๋ ์์ ์์ ์ฐ๋ฝ์ฒ ์ ๋ณด๋ฅผ ์ ๋ ฅํฉ๋๋ค. ์์ด๋ฆฌ์ด ์์ ์ด๋ฏธ์ง๋ค์ ์ด๋ฏธ์ง ๋งต์ ์ค์ ํ๋ ํ๊ทธ์ ๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ์ด๋ฏธ์ง์ ์ฌ๋ฌ๊ฐ์ ๋งํฌ๊ฐ ์๊ฑฐ๋ ๋๋ ํน์ ์์น์ ๋งํฌ๋ชจ์์ ๋ง๋ค์ด ๋ฃ๊ฑฐ๋ ํ ๋ ์ฌ์ฉํฉ๋๋ค. ๋ ๋ฆฝ์ ์ธ ์ปจํ ์ธ ๋ฅผ ์ง์ ํ ๋ ์ฌ์ฉํฉ๋๋ค. ์ค๋์ค ์ปจํ ์ธ ๋ฅผ ์ฌ์ฉํ ๋ ์ฌ์ฉํฉ๋๋ค. ํด๋น ํ๊ทธ์์ ํ ์คํธ๋ค์ ๋ชจ๋ bold๋ก ํ์๋ฉ๋๋ค. ๋ฌธ์์ ๋ชจ๋ ์๋๊ฒฝ๋ก url์ ์ง์ ํ์ฌ ์๋๊ฒฝ๋ก๋ฅผ ์ค์ฌ์ ์ธ๋ ์ฌ์ฉํฉ๋๋ค. h.. 2017. 8. 23. html ํ์ผ๊ฒฝ๋ก์ ๋งํฌ์ ์ดํด ํ์ผ๊ฒฝ๋ก๋ ์น์ฌ์ดํธ์ ํด๋ ๊ตฌ์กฐ์์ ํด๋นํ๋ ์์น๋ ์ค๋ช ํฉ๋๋ค. ํ์ผ๊ฒฝ๋ก๋ ์ด๋ฏธ์ง, ๋งํฌ, ์คํ์ผ์ํธ, ์๋ฐ์คํฌ๋ฆฝํธ๋ฑ ์ด ์ฃผ๋ก ๊ฒฝ๋ก์ ์ฐ์ ๋๋ค. html์ ๋ค๋ฃจ๋ค ๋ณด๋ฉด ์ด๋ฏธ์ง๋ ๋ชจ๋ ๊ฒฝ๋ก ์ค์ ์ ์์ด์ ํ๋ฒ์ฏค์ ์ ๋๋ก ๊ฒฝ๋ก์ค์ ์ ํ๋๋ฐ๋ ๋ถ๊ตฌํ๊ณ ๋งํฌ๊ฐ ์ ๋๋ก ์๋์ด ๋์ง ์๊ฑฐ๋ ์ด๋ฏธ์ง๊ฐ ๊ฒฝ๋ก์ ๋ง์ง ์์ ๊นจ์ง๋ ์ํฉ๋ค์ด ๋ง์ด ์์ต๋๋ค. ๊ฒฝ๋ก์๋ ์ ๋๊ฒฝ๋ก, ์๋๊ฒฝ๋ก ๋๊ฐ์ง๊ฐ ์์ต๋๋ค. ์ ๋๊ฒฝ๋ก๋? ์ ๋๊ฒฝ๋ก๋ ํด๋นํ๋ ํ์ผ์ ์น์ฌ์ดํธ ํด๋นํ๋ ํด๋์ ์ ๋์ ์ธ ์์น๋ฅผ ๋งํฉ๋๋ค. ์๋๊ฒฝ๋ก์ ๋นํด ์ฃผ์๊ฐ ๊ต์ฅํ ๊ธธ์ง๋ง ํ๋ฆด ์ํ์์๊ฐ ์๋ค๋ ์ฅ์ ์ด ์์ต๋๋ค. ์๋๊ฒฝ๋ก๋? 1. ํ์ฌ ํ์ด์ง์ ๊ฐ์ ํด๋์ ์์นํด ์๋ ํ์ผ์ ์ค๋ช ํฉ๋๋ค. 2. ํ์ฌ ํ์ด์ง์ imagesํด๋ ์์ ํฌํจ๋์ด ์๋ ์ด๋ฏธ์งํ์ผ์ ์ค๋ช ํฉ๋๋ค.. 2017. 8. 20. html/css ๋ชฉ๋กํ๊ทธ ol,ul,dl ์ด๊ฒ๋ง ์์๋ ํํ์ด์ง ๋ง๋ ๋ค! ๋ชฉ๋กํ๊ทธ ol,ul,dl ์ด๊ฒ๋ง ์์๋ ํํ์ด์ง ๋ง๋ ๋ค!ํํ์ด์ง, ์น์ฌ์ดํธ๋ ๊ฑฐ์ ๋๋ถ๋ถ์ด ๋ชฉ๋ก์ผ๋ก ์ด๋ฃจ์ด์ง๋๋ค. CSS๋๋ฌธ์ ์ฐ๋ฆฌ๊ฐ ๋์ ๋ณด์ด์ง ์๋ ํ๊ทธ๋ค์ด ๋์์ธ๋์ด ๋ณํ์ด ๋์ด์ง๋๋ค. ๊ทธ์ค์์ ๊ฑฐ์ ๋๋ถ๋ถ์ด ๋ชฉ๋ก ํ๊ทธ๋ก ์ด๋ฃจ์ด์ ธ ์์ต๋๋ค.์ฐ๋ฆฌ๊ฐ ์์ฃผ์ด์ฉํ๋ N์ฌ ์ฌ์ดํธ์ CSS๋ฅผ ๋นผ๋ณผ๊น์?๋ค์๊ณผ ๊ฐ์ ํ ์คํธ๋ก๋ง ์ด๋ฃจ์ด์ง ๋ชฉ๋ก์ด ์ญ ๋ณด์ด๊ฒ ๋ฉ๋๋ค. ๊ทธ๋ ๊ฒ ๊น๋ํ๊ณ ์ ๋์ด ์ ๋ ์ฌ์ดํธ ๊ฐ์์ง๋ง ์ฌ์ค์ ๊ฐ๋จํ html ํ๊ทธ๋ก ์ด๋ฃจ์ด์ง ์ฌ์ดํธ ์ธ๊ฒ์ ๋๋ค. N์ฌ ๋ฟ๋ง์ด ์๋๋ผ ๋ชจ๋ ์ฌ์ดํธ๋ค์ด ๋์ผํ ๊ตฌ์กฐ๋ฅผ ๊ฐ๊ณ ์์ต๋๋ค. OL - odered list ์ซ์๋ ์ํ๋ฒณ ์์๋ชฉ๋ก์ ๋ง๋ญ๋๋ค.UL - unodered list์์๊ฐ ํ์์๋ ๋ชฉ๋ก์ ๋ง๋ญ๋๋ค. ๋ณดํต ์์๊ฐ ํ์์๋ ๋ชฉ๋ก UL์ด ๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋ฉ๋๋ค.. 2017. 8. 2. html ์ฝ๋ฉ ๊ธฐ๋ณธ ํ ์ด๋ธํธ 3๊ฐ ํ ์ด๋ธ์ ๋ฐ์ดํฐ๋์ด์ ์์ด ์ ๋ง ํ์ํ ๋ถ๋ถ์ ๋๋ค.์ธ๋ฒ์งธ ๊ฐ์ข ๋๋ฒ์งธ ๊ฐ์ข์์๋ ํ ์ด๋ธ์ ๊ตฌ์กฐ์ ์ธ ๋ฉด์ด์์ต๋๋ค.2๊ฐ ํ ์ด๋ธ์ ๊ตฌ์กฐ ๋ณด๋ฌ๊ฐ๊ธฐ ๋์์ธ์ ๊ตฌ์กฐ๋ก ๋ํ ์ผํ๊ฒ ์์๋ณด๊ฒ ์ต๋๋ค. ํ ์ด๋ธ์์ ๋ชฉ ๊ฒ์๋ฌผ์ ๋ชฉ ์ด๋ฆ ๋ ์ง ์๋ ํ์ธ์! ์์ฑ์ 2017.07.28 ๋ฐ๊ฐ์ต๋๋ค! ์์ฑ์ 2017.07.28 ์ด์์ค์ธ์! ์์ฑ์ 2017.07.28 th, td ๋ด๋ถ์ ํจ๋ฉ, ๊ฐ๊ฒฉ์กฐ์ ๋ฐฉ๋ฒ css th, td { padding: 20px;} ์์๊ฐ์ด ํ ์ด๋ธ ๋ด์ ํจ๋ฉ์ ์ฝ๊ฒ ์ค ์ ์์ต๋๋ค. ์ ๋ชฉ์ด๋ ๋ด์ฉ์ ์์น ์ ๋ ฌ 3๊ฐ์ง LEFT, CENTER, RIGHT css th { text-align: center;}td { text-align: left;}td { text-align: center;}td { text-align.. 2017. 7. 29. html ์ฝ๋ฉ ๊ธฐ๋ณธ ํ ์ด๋ธํธ 2๊ฐ ํ ์ด๋ธ์ ๋ฐ์ดํฐ๋์ด์ ์์ด ์ ๋ง ํ์ํ ๋ถ๋ถ์ ๋๋ค.๋๋ฒ์งธ ๊ฐ์ข ์ฒซ๋ฒ์งธ ๊ฐ์ข์์๋ ์์ฃผ ์ ๋ง ๊ธฐ๋ณธ์ ์ธ ๋ถ๋ถ๋ง ์ ์ด๋์์ต๋๋ค.1๊ฐ ๋ณด๋ฌ๊ฐ๊ธฐ์กฐ๊ธ๋ ๋ํ ์ผํ๊ฒ ์์๋ณด๋๋ก ํฉ์๋ค. ํ ์ด๋ธ์์ ๋ชฉ ๊ฒ์๋ฌผ์ ๋ชฉ ์ด๋ฆ ๋ ์ง ์๋ ํ์ธ์! ์์ฑ์ 2017.07.28 ๋ฐ๊ฐ์ต๋๋ค! ์์ฑ์ 2017.07.28 ์ด์์ค์ธ์! ์์ฑ์ 2017.07.28 html ํ ์ด๋ธ์์ ๋ชฉ ๊ฒ์๋ฌผ์ ๋ชฉ ์ด๋ฆ ๋ ์ง ์๋ ํ์ธ์! ์์ฑ์ 2017.07.28 ๋ฐ๊ฐ์ต๋๋ค! ์์ฑ์ 2017.07.28 ์ด์์ค์ธ์! ์์ฑ์ 2017.07.28 css table { border-collapse: collapse; width: 100%;} td, th { border: 1px solid #dddddd; text-align: left; padding: 8px;} ์ฌ๊ธฐ์ ์.. 2017. 7. 28. ์ด์ 1 2 ๋ค์