1. Bootstrap 예제 - W3Schools (www.w3schools.com)에서 제공하는 CSS Bootstrap 예제들을 활용할 수 있다. - 경로: W3School 메인에서 메뉴바의 ‘References’ > CSS에서 ‘Bootstrap4 Reference’ 클릭 • 버튼 - References > Bootstrap 4 Reference > BS4 Buttons ① Button Styles → ★button01.html 참고 [코드] Basic Primary Secondary Success Info Warning Danger Dark Light Link [결과] ② Button Outline → ★button02.html 참고 [코드] Primary Secondary Success Info..

목차 1. CSS 속성 2. 레이아웃 3. 반응형 웹 1. CSS 속성 1) 박스 속성 2) 배경 이미지 반복과 부착 형태, 위치 ① background-repeat 속성 - 배경 이미지의 반복 형태 지정 • repeat-x : X축 방향으로만 이미지 반복 (ex. background-repeat: repeat-x) • repeat-y : Y축 방향으로만 이미지 반복 (ex. background-repeat: repeat-y) • no-repeat: 이미지 반복 없음 (ex. background-repeat: no-repeat) ② background-attachment 속성 - 배경 이미지를 화면에 고정 2. CSS 레이아웃 1) 수평 정렬 레이아웃 [코드] [결과] 2) 중앙 정렬 레이아웃 - wid..

목차 1. CSS 기초 개념 2. CSS 선택자 1. CSS 기초 1) CSS (Cascading Style Sheet)의 이해 • CSS (Cascading Style Sheets ): HTML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어 2) 스타일 시트의 기본적인 사용법 3) CSS를 적용하는 3가지 방법 ① 인라인(Inline) 방식 → ★div1.html 참고 - 특정 html 태그 1개에 대해서만 css를 적용하는 방식 - 인라인 방식은 특정 태그에 style="속성:속성값" 형식으로 css를 적용한다. ex) ② 내장형(Embedded) 방식 → ★css01.html / css02.html / css03.html 참고 - HTML 문서에서 태그 내에 2) CSS 선택자 종류 ..

목차 1. HTML5 입력 양식 2. HTML5 문서 구조화 1. HTML5 입력 양식 → ★loginform.html / login.jsp / boardform.html / memberform.html 참고 1) 입력 양식 태그 • 입력 양식: 사용자에게 정보를 입력받는 요소 • 태그 - 영역 생성 태그 - 한 개의 파일 안에 여러 개의 form 태그 사용 가능 - 태그 안에 태그를 중첩해서 쓸 수는 없다. 2) 데이터 전달 방식 - 태그는 method 속성의 방식으로 action 속성 장소에 데이터 전달 - 전송 방식의 기본값은 get 방식 • GET 방식 – 주소에 데이터를 입력해서 전달 (사용자가 입력한 값이 url 주소에 노출됨) • POST 방식 – 주소 변경 없이 비밀스럽게 데이터 전달 (보..

목차 1. 웹 표준과 HTML5 2. HTML5 기본 용어 3. HTML5 구조와 작성 4. HTML5 기본 태그 1. 웹 표준과 HTML5 1) 웹 표준 기술과 HTML5 주요 기능 • 웹 표준(Web Standards) 정의 - 웹에서 표준적으로 사용되는 기술이나 규칙으로, 브라우저의 종류 및 버전에 따른 기능 차이에 대해 호환이 가능하도록 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. * 참고 ..