IAress

** 스타일 효과를 보다 정확하게 적용하기 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..