IT공부/HTML & CSS (36) 썸네일형 리스트형 04. 웹 표준 사이트 만들기(2019) 04. 웹 표준 사이트 만들기(2019) "04. layout04.html"을 만든다. ※ 블록구조는 항상 한 줄에 하나밖에 표현이 안된다. 레이아웃을 잘 짜야 반응형 사이트도 잘 짠다. 전체소스 header nav side content1 content2 footer 03. 웹 표준 사이트 만들기(2019) 03. 웹 표준 사이트 만들기(2019) 블로그에서 많이 쓴다. ㅣ "03. layout03.html" 파일을 만든다. 전체소스 side header contents footer 02. 웹 표준 사이트 만들기(2019) 02. 웹 표준 사이트 만들기(2019) 레이아웃 유형을 연습한다. 전체박스가 있고 6개의 박스가 있다. "02. layout02.html" 파일을 만든다. 아래와 같이 작성한다. 볼록구조이기 때문에 아래와 같이 나온다. 전체소스 header nav side_left contents side_right footer 01. 웹 표준 사이트 만들기(2019) 01. 웹 표준 사이트 만들기(2019) 웹 표준 사이트를 만들기 위해서 레이아웃 연습을 많이 한다. 사이트를 만들기 위해서는 레이아웃을 먼저 만들어야 한다. 아래와 같은 레이아웃을 만들 것이다. 나중에는 서버에서 작업을 한다. 처음에는 코드 편집기에서 작업을 한다. 브라켓을 설치한다. C드라이브에 html 폴더를 생성한다. 브라켓을 열고 아래와 같이 html 폴더 아래 html 파일과 플러그인을 설치한다. 플러그인 설명 Custom Work : 브라켓 상단에 파란색 영역. 탭. 탭 메뉴. Emmet : 단축키 Indent Guides : 코드 정렬. 생성한 html 파일에서 ! + TAB 버튼(Emmet 기능)을 누른다. 레이아웃을 만들기 위해서는 구조를 먼저 생각해야 한다. https://webzz... 이전 1 2 3 4 5 다음
