IT 개발노트

1 페이지구조 / 시멘틱 1.1 페이지 영역분할 태그 - : block형식의 공간을 분할(수직으로 공간분할) - : inline형식의 공간을 분할(수평으로 공간분할) 1.2 HTML4 페이지 구조 : HTML4에서 페이지 구조는 , 태그를 이용, 구역을 설정하고 거기에 id값을 넣어서 구분 단점 - 사용자 마다 id값을 다르게 부여하여 구조를 이해하는데 어려움 - 구조가 파악이 어려워 차후 유지 보수에 어려움이 있음 - 검색엔진이 웹소스를 확인할때도 메뉴, 본문을 구별이 어려움 - 다양한 기기에서 이해하기에 구조가 복잡함 - HTML4 페이지구조 - 소스구조 예시 123456789 내용 내용 내용 1.3 시맨틱 태그(semantic) : 페이지 구조를 특정 기능에 맞는 태그를 사용하여 구분 페이지 구조를..

1. Head 태그 1.1 : 헤더 내부에서 사용하는 태그로 메타 데이터로 html문서가 가지고 있는 유용한 정보를 담아 두는 곳, 문서 정보를 검색엔진에 전달 작성 1 속성 -http-equiv : meta요소에 정의된 명령을 먼저 실행 후 페이지를 로딩 문서의 초기정보를 나타낸다.구분 내용 content-language 기본언어 설정(페이지 작성언어) content-type MIME설정 및 문서의 문자셋 설정 (encoding) X-UA-compatiable 호환성 설정 refresh 페이지 리로드하거나 다른 페이지로 이동 Content-Script-Type 스크립트형식 지정(javascript/VBscript) Content-Style-Type 스타일 시트 형식지정(css) - name : http..

1. HTML5 태그 기본 1.1 글자 태그 - 글자 태그는 웹 페이지에서 가장 많은 비중을 차지하는 태그 1.1.1 : 제목 글자 태그는 제목을 입력할 때에 사용하는 태그, 폰트의 크기가 태그에 따라 정해져있다. h태그 뒤 숫자로 구분한다.작성 1제목 내용 태그 이름 설명 h1 첫 번째로 큰 제목 글자 태그 h2 두 번째로 큰 제목 글자 태그 h3 세 번째로 큰 제목 글자 태그 h4 네 번째로 큰 제목 글자 태그 h5 다섯 번째로 큰 제목 글자 태그 h6 여섯 번째로 큰 제목 글자 태그 예시 123456789101112131415 HTML5 + CSS3 Text Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 결과 1.1.2 : 한 개의 단락을 만들때 사..

1. HTML5 개요 1.1 웹의 역사 - 월드 와이드 웹(World Wide Web : WWW) : 웹은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간으로 1991년에 등장 인터넷은 통신망이고 웹은 그 위에서 작동하는 서비스 - 인터넷의 시작 : ARPA(Advanced Research projects Agency)가 1969년에 웹의 모태가 되는 ARPANET 개발 시간이 지나며 군사용과 민간용으로 구분되었고 미간에서 사용되던 네트워크가 현재의 인터넷이 된다. - 웹의 시작 : 1989년 유럽 공동 원자핵 연구소(CERN)의 팀 버너리스가 하이퍼링크를 포함하는 문서의 개념을 제안 1991년에 월드 와이드 웹을 개발해 배포 1993년 웹 표준 단체 W3C 창설 - 웹 특징 : HT..