반응형HTML(7)
-
[HTML5+CSS] Layout 만들기 06 (반응형)
반응형HTML layout 06 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header nav side article1 article2 contents1 contents2 contents3 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/210
2021.02.11 -
[HTML5+CSS] Layout 만들기 05 (반응형)
반응형HTML layout 05 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header article footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/209
2021.02.11 -
[HTML5+CSS] Layout 만들기 04 (반응형)
반응형HTML layout 04 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side article1 article2 article2 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/208
2021.02.10 -
[HTML5+CSS] Layout 만들기 03 (반응형)
반응형HTML layout 03 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side contents article footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/207
2021.02.10 -
[HTML5+CSS] Layout 만들기 02 (반응형)
반응형HTML layout 02 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side contents footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/206#
2021.02.10 -
[HTML5+CSS] 반응형 HTML 미디어쿼리 연습하기
반응형HTML의 기본! 미디어쿼리 연습하기 화면사이즈에 따라 반응하는 반응형 사이트를 만들기위해 가장 핵심적으로 알아야 하는 미디어쿼리를 만들어보는 연습입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. 미디어쿼리 미디어 쿼리는 화면 크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술입니다. @media only all and (조건문) {실행문} @media : 미디어 쿼리가 시작됨을 표시합니다. only : 미디어 퀴리 구문을 해석하라는 명령업니다. (생략가능) all : 미디어 쿼리를 해석해야 할 대상을 나타냅니다. (생략가능) all : 모든 미디어 유형에서 사용할 CSS를 정의..
2021.02.10 -
[HTML5+CSS] Layout 만들기 01
반응형HTML layout 01 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header nav side contents footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 https://wtss.tistory.com/204
2021.02.10