visual studio code 썸네일형 리스트형 [자바스크립트]Visual Studio Code 이용하여 자바 스크립트 배우기. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. Visual Studio Code (편집기) 에서 편집하고자 하는 html을 켜준다. 아래에 를 적을 곳을 만들어 원하는 소스를 작성할 수 있도록 한다. 더보기 [HTML.CSS] 웹 디자인 기능사 실기 JUST쇼핑몰 만들기 1. 큰 틀 잡기 웹디자인 기능사 실기 문제였던 JUST 쇼핑몰을 함께 만들어봐요. 1. 폴더, 파일 만들기 먼저 사용하기 위한 폴더와 파일을 만들어 줍니다. 큰 틀(JUST쇼핑몰)안에 필요한 다양한 폴더와 파일을 만들어 주고 html에 '!'를 쳐서 기본 서식을 받습니다. 2. 큰 구역 나누어주기 가장 먼저 큰 틀을 잡아줄거에요. A 부분이 header / B 부분이 slide / C 부분이 contents / D부분이 footer가 될 거에요. 가로로 틀을 나누어 봅시다. index.html 쪽 코드입니다. HTML 삽입 미리보기할 수 없는 소스 이렇게 나누어 진 것을 볼 수 있습니다~ 더보기 [HTML.CSS] float을 이용해 좌우 배치하기 1. float : left; (왼쪽으로 배치) 박스 1 박스 2 박스 3 1. float : right; (오른쪽으로 배치) 박스 1 박스 2 박스 3 더보기 [HTML.CSS] display 에 따른 방향 1 . display : inline; 박스 1 박스 2 박스 3 2 . display : inline - block; 박스 1 박스 2 박스 3 3 . display : block; 박스 1 박스 2 박스 3 더보기 이전 1 다음
