zim's growth dairy

Section 6. CSS 사용법과 선택자 1. CSS3 개요 - CSS3의 구성 - 선택자(Selector) : 스타일 시트를 적용할 대상을 지정한다. - 속성(Property) : 어떤 속성을 적용할지 선택한다. - 속성값(Value) : 속성에 어떤 값을 반영할지 선택한다. h1 { color: blue; front-sxie: 120px;} h1 : 선택자 color, fornt-size : 속성 blue;, 12px : 속성값 {} : 중괄호는 내용을 뜻한다. 2. CSS3 기본 사용법 - CSS의 정의 문법 div { width : 960px; } div : 선택자 width : 속성 960 : 속성값 px : 단위 : : 콜론 (HTML의 = 와 같은 역할) ; : 세미콜론 - CSS의 적용 ..

- 버튼 양식 - 태그 혹은 태그를 사용해서 정의한다. - 버튼 양식은 폼 태그 내부 / 외부 모두 가능하다. 버튼 양식에는 두가지 방식이 있다. 클릭-1 - 선택 목록 - 펼침 목록에서 한 가지만 선택할 수 있도록 지원하는 양식이다. - 폼 밖에 있으면 데이터 전송할 수 없다. - 폼 안에 있으면 데이터를 전송할 수 있다. - 옵션이 여러개이다. - 다중 선택 - Multiple 속성을 사용한다. - 여러 개를 선택할 수 있다. - 태그 - 여러 항목을 그룹으로 묶을 수 있다. - option을 그룹핑하는 태그이다. - 은 선택하는 것이 아니다. 옵션을 그룹핑한다. - 이 선택하는 것이다. - 태그 - 텍스트 입력 시 자동완성 기능 제공한다. - list는 datalist 속성이다. (list는 고유한..

- 셀병합 예제 4-9 * table 만들기 절차 1. tr 줄부터 생성 2. td 칸 생성 3. 병합 row = tr column = td - 태그 웹 문서에 이미지를 삽입 할 때 사용한다. 위의 코드는 웹 문서에 이미지를 삽입 시 사용하는 태그를 사용한 코드이다. src는 소스 파일을 뜻하고, 소스파일의 경로가 상대경로로 되어 있는 것을 보아 찾고자하는 이미지 파일이 현재 파일과 동일한 폴더에 위치한다는 것을 알 수 있다. (위치가 똑같으면 파일명만 호출한다.) (상대경로란 나의 위치를 기준으로 시작하는 경로) - 태그 속성 - src : 이미지 파일이 저장된 경로 지정한다. - alt : 이미지를 웹 브라우저에서 표시하지 못했을 경우 표시되는 대체 텍스트 지정한다. - width / height :..

Section 2. 실습환경 구축 1. 개발 환경 구축 - 비주얼 스튜디오 코드 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 사이트에 접속하여 비주얼스튜디오 코드를 설치한다. 설치를 한 ..