우당탕 개발 블로그

3. HTML5 Markup Elements 3-1. 포맷팅 요소 포맷팅 요소에는 화면에는 동일하게 출력되지만 각 요소가 가진 의미가 다른 것이 있다. 예를 들면, 와 은 모두 텍스트를 굵게 표현하지만, 요소는 텍스트를 강조 3-2. 목록형 요소 - 개요 목록 tag는 하나 이상의 하위 tag를 포함 목록 tag는 각 항목을 들여쓰기로 표현 번호 또는 심볼을 이용해서 목록을 표현 / 번호 없는 목록을 표시 / 번호 있는 목록을 표시 / 목록 항목이나 tag 하위에서 사용 3-3. table - HTML table 모델 HTML table 모델은 데이터를 행과 열의 셀에 표시 행 그룹요소인 , , 요소를 사용하여 행들을 그룹화 과 요소는 열 그룹을 위한 추가적인 구조정보를 제공 table의 셀은 머리글()..

2. HTML5 기본 2-1. HTML 개요 HTML5 웹 문서를 구성하는 3가지 요소(HTML, CSS, JS) HTML: 웹 페이지 문서 담당(구조) CSS: 웹 페이지 디자인 담당(표현) JS: 웹 페이지 이벤트 담당(동작) HTML은 마크업 언어로 웹 문서를 작성하며, tag를 사용하여 문서의 구조 등을 기술하는 언어 2-2. tag와 속성 HTML 문서는 'tag'로 만들어진다. HTML문서의 전체 구성은 html, head, body tag로 구성 tag는 시작 tag와 종료 tag로 쌍을 이루거나 시작 tag만 존재하는 tag도 있다. 시작 tag()와 종료 tag()는 '/'로 구분하며 중첩되지 않도록 한다. 각각의 tag는 속성과 속성의 값이 존재한다. HTML tag에는 어느 tag에나..

1-7. CSS 개요 CSS(Cascading Style Sheets)란 HTML 문서를 화면에 표시하는 방식을 정의한 언어. W3C에서 공인한 표준 기존 웹 문서를 다양하게 설계하고, 변경 요구 대응에 따르는 어려움을 보완 어떤 Style을 적용 하느냐에 따라, 하나의 구조를 전혀 다른 페이지처럼 표현 1-8. CSS 규칙 CSS 규칙은 선택자(selector)와 선언(declaration) 두 부분으로 구성 선택자는 규칙이 적용되는 엘리먼트 선언 부분에서는 선택자에 적용될 스타일을 작성 선언은 중괄호에 감싸며, 속성(property)과 값(value)으로 이루어짐 속성(property)은 선택자에서 바꾸고 싶은 요소.(color, font, ...) 값(value)은 속성에 적용할 값 여러 선택자에 ..

1. HTML5 & CSS3 소개 1-1. HTML 개요 HTML은 Hypertext Markup Language의 약자 1990년도 이후 웹(Web, World Wide Web)에서 사용하는 문서 양식 문서에 하이퍼텍스트, 표, 목록, 비디오 등을 포함할 수 있는 tag(Tag)를 사용 문서를 Web Browser에 표현할 때 tag를 사용 1-2. HTML5 개발 배경 수많은 플로그인들로 인한 Browser간의 부작용을 막기 위해 개발 HTML5 개발 단계 익스플로러 독점 익스플로러에 맞는 많은 플로그인 개발 거대해져가는 브라우저 및 보안 취약점 발생 MS를 제외한 회사들이 HTML표준안을 W3C에 제시 HTML 표준안 무시 무시당한 회사들이 Web Application 1.0 개발 W3C는 XHTM..