Clouds

선택자란?선택자 Selector 는 스타일을 지정할 HTML의 요소를 선택하는 것이다. 선택자의 종류1. 타입 선택자 Type2. 아이디 선택자 Id3. 클래스 선택자 Class4. 가상 선택자 Pseudo-class5. 속성 선택자 Attribute6. 전체 선택자 Universal가 있다. 1. 타입 선택자 TypeHTML 요소(태그) 이름을 사용한다. Ex> 타입 선택자 1h2 { color: green; }cs 모든 h2 요소를 선택하는 예제이다. * 선택자 묶기1p, h1, a { color: white; }cs ','(콤마)를 사용하여 선택자를 분리하고 나열할 수 있다. 2. 아이디 선택자 Id같은 태그를 사용하여도 서로 다른 스타일을 부여하고 싶을 때, id 선택자 또는 class 선택자를 ..

CSS의 역할문서의 내용을 HTML(5)로 작성하였다면,문서의 디자인(스타일)은 CSS 문서가 담당한다. CSS의 뜻CSS는 Cascading Style Sheet의 약자로, 충돌을 막기 위해 '위에서부터 아래로 흐르며' 적용되는 방식이다. CSS의 기능CSS는 다양한 기능들을 지원한다.· 선택자 Selectors· 박스 모델 Box Model· 배경 및 경계선 Backgrounds and Borders· 텍스트 효과 Text Effects· 2차원 및 3차원 변환 2D / 3D Transformations· 애니메이션 Animations· 다중 컬럼 레이아웃 Multiple Column Layout· 사용자 인터페이스 User Interface CSS 사용 방법CSS3의 문법은선택자 { 속성 : 값; ..

: 문서 유형을 선언함. (버전 : HTML5) : 웹 문서의 시작과 끝을 나타냄. : 웹 문서를 해석하기 위해 알아두어야 할 정보, 속성. : 브라우저 화면에 표시될 내용. Head : 문자 인코딩 정보 태그. 단일 태그· charset 속성 : 인코딩 유형charset="utf-8" : 여러 나라의 글자 지원 : 문서 제목 태그, 브라우저의 탭에 나타나는 내용. 텍스트 : 단락 태그, 전후에 빈 줄이 추가됨. : 강제 줄 바꿈 태그. 단일 태그 : html 문서에 입력한 그대로 화면에 표시하는 태그, 프로그램 소스 등을 표시할 때 사용. ~ : 제목 태그, 페이지의 머리기사 등의 용도로 사용.* 검색엔진의 검색효율을 증가 시킴.* 이 가장 중요한 제목을 의미함. 강조 : 볼드체 태그. : 볼드체 + ..

▷ 입력 태그 정리 ◁ : 입력 양식을 생성하는 태그, 입력 태그의 상위에 사용 · action 속성 : 입력한 데이터를 받아서 처리하는 스크립트의 주소action="URL" : 입력한 데이터를 받아서 처리하는 스크립트의 주소의 URL 입력 · method 속성 : 서버 컴퓨터로 데이터를 전달하는 방식을 정함method="get" : 입력한 데이터를 URL에 포함(파라미터)시켜서 전송하는 방식글자 수 제한(2048자), 보안 유지 안 됨method="post" : 입력한 데이터를 HTTP Request 헤더에 포함시켜서 전송하는 방식글자 수 제한 없음, 보안 유지 가능새로고침이나 뒤로가기 시, 경고 표시 · enctype 속성 : 지정하지 않으면 경로 명만 전송 됨.enctype="multipart/fo..

Brackets는 HTML 문서 작성 시 사용하는 프로그램이다. • Brackets 플러그인 기능블럭 아이콘을 클릭하면 설치할 수 있는 플러그인과 테마의 목록이 나온다. • 편하게 HTML 코드를 작성하기 위한 플러그인· Emmet· ! 와 (Tab) : 아래 내용 자동 입력 · a 와 (Tab) : a 의 시작 태그와 종료 태그 입력Ex1> aEx2> h1 · a>b+c 와 (Tab) : a 태그 안에 b와 c 태그 입력Ex1> html>head+body Ex2> ol>li*4