IAress

*** DIV 레이아웃 *** * div 가운데 정렬 1. margin : 박스의 바깥쪽 여백 2. margin:auto - 위/아래쪽은 여백이 없고 좌/우 여백을 동일하게 * float 1. 층을 나누다. (1.5층) 2. 전체 행에서 오브젝트의 길이를 제외한 부분에 다른 오브젝트가 오는 것을 허용 3. float을 적용한 div 이후에 작성된 div들에 영향 있음 4. left, right * clear 1. float 속성 해제 2. left, right, both(left, right 상관없이) ** position ** 1. div 요소를 원하는 위치에 구성 2. 움직이는 방법에 대한 정의 - 어떻게 움직여라 방법의 제시 3. z-index, left, top 등의 위치 속성과 같이 사용 4. ..

** 스타일 효과를 보다 정확하게 적용하기 1. 단일 선택자 - 일반적인 css 적용 방법 2. 다중 선택자 - 여러 개의 선택자에 동싱[ㅔ 같은 효과 적용 선택자, 선택자, 선택자....(효과) 3. 부분 지정 선택자 - 같은 선택자라 하더라도 감싸고 있는 선택자가 다른 곳에 효과 적용 선택자 선택자 {효과} body [type="text"] { padding: 10px; border: 3px solid red } 해당하는 태그가 있는 것에 대해 효과 적용 ** 요소 레벨(Element Level, 태그의 레벨 구분) 1. 블록레벨(Block Level) - 독립된 행을 가지는 태그 - 다른 블록레벨 요소와 인라인 요소 포함 가능 - p, h, ul, ol, li, div...... 2. 인라인 레벨(..

** xhml XML + HTML xml 언어를 html 로 표현한 언어 ** XML(eXtensible Markup Language) - 뛰어난 확장성(호환성) - 단순한 코딩 - 단계적 구성 - 사용자 정의 요소 - 문서 작성시 선언부 반드시 필요 ** CSS(Cascading Style Sheet) 웹 페이지의 디자인 표현을 위해 개발된 언어 * 문법 - html - css 선택자 { 속성:속성값; 속성:속성값; } ## 일반 웹페이지 제작시에는 선택자부터 속성까지 모두 한줄로 작성하고, 마지막 세미콜론은 반드시 삭제 ## * CSS 적용 방법 1. 내부 스타일 - 스타일 효과를 제작중인 문서내에 직접 작성 - 반드시 스타일 정의 후 효과 작성 - head 태그 내에서 선언 2. 외부 스타일 - 스..

** 테이블 사용하기1. 레이아웃 구성 요소2. 각 행의 셀 개수는 동일3. 같은 행에 있는 셀의 "높이"는 동일 같은 열에 있는 행의 "길이"는 동일 ** 테이블 관련 태그1. table : 바깥 쪽 테두리 - summary : 표에 대한 간략한 설명 작성 2. tr(Table Row) : 행(줄) 구분3. td(Table Data cell) : 셀(칸) 생성, 실제 내용 작성 - scope(col / row) : 제목 행, 제목 열 표시 - id : 셀의 이름 - headers : 제목 셀 추적 - colspan : 열 병합 - rowspan : 행 병합 4. th(Table Header) : 제목 셀, 글자 진하고 가운데 정렬5. caption : 표 제목, 테이블 이외에도 사용 가능6. thead..

** 내용 전달 요소 1. 텍스트 2. 이미지(정적 이미지) 이미지를 지원하지 않는 웹브라우저를 대비하여 이미지를 대체할 수 있는 텍스트를 기입한다. ** HTML 의 기본 구조1. "" 사이에 명령어(tag:태그) 작성2. 시작(여는) 태그와 종료(닫는) 태그로 구성3. 종료 태그가 생략 가능하거나 없는 태그 있음 ex) * 생략가능한 태그 p, 주석... * 닫는 태그가 없는 태그 meta, img, br, hr.... ************************************************************************************************ xhtml3. 태그의 종료는 반드시 표기 ex) * 생략 가능한 태그 -> 생략 불가 (주석 예외) * 닫는 태..