본문 바로가기

컴퓨터과학[4-2]/HTML5_출석17

HTML5 - [4] CSS3(1) 기본 및 선택자 정리하기 (1) CSS 사용의 장점 웹 문서의 내용과 디자인의 분리다양한 기능의 확장통일된 문서 양식 제공로딩 시간 단축 (2) CSS 적용 방식 CSS 적용 방식 적용 방식 설명 인라인 스타일 (“인라인 방식”) HTML 문서의 각 요소에 직접 style 속성을 사용해서 적용 스타일 요소 사용 (“임베디드 방식”) HTML 문서의 head 요소 안에 style 요소를 사용해서 적용 외부 파일 연결 (“링크 방식”) HTML 문서와는 별도로 스타일만 지정한 CSS 파일(*.css)을 만들어 link 요소를 통해 연결시켜 적용 (3) CSS 단순 선택자의 종류 CSS 단순 선택자의 종류 레벨 선택자 이름 설명 CSS2 * 전체 선택자 모든 요소에 스타일 적용 CSS1 요소 형식 선택자 지정한 요소에만 스타.. 2017. 8. 11.
HTML5 - [3] 폼, 드래그 앤 드롭, 텍스트 편집 HTML5 - [3] 폼, 드래깅 텍스트 편집(1) HTML5에서 추가된 폼 요소 HTML5에서 추가된 폼 요소 요소 설명 datalist input 요소의 list 속성과 함께 사용하여 입력 옵션 리스트를 생성 keygen 안전한 데이터 송수신을 위한 암호 키(비밀키, 공개키)를 생성 output 폼 내의 연산 결과를 출력 progress 어떠한 작업의 완료 진행 상황을 표시 meter 일정 범위 안의 측정 값이나 분포 비율 등을 나타낼 때 사용 (2) HTML5에서 추가된 폼 속성 HTML5에서 추가된 폼 속성 속성 설명 autocomplete input 요소의 자동 완성 상태를 지정 novalidate 폼 제출시 입력 양식 데이터의 유효성을 검사하지 않도록 지정 (3) HTML5에서 추가된 inpu.. 2017. 8. 11.
HTML5 - [2] HTML5 (레이아웃, 콘텐츠 요소, 시멘틱요소, 상호작용 요소) HTML5 - [2] HTML5 (레이아웃, 콘텐츠 요소, 시멘틱요소, 상호작용 요소) 정리하기 (1) 레이아웃을 위한 시맨틱 요소 레이아웃을 위한 시맨틱 요소 요소 설명 header 머리말(로고, 사이트의 이름 등)을 나타내는 요소 hgroup 제목과 부제목을 묶어주는 요소 nav 네비게이션 메뉴 영역을 나타내는 요소 article 개별 콘텐츠를 나타내는 요소 section 주제별로 나눌 수 있는 문서의 내용 영역을 구성하는 요소 aside 주요 콘텐츠와 크게 연관이 없는 콘텐츠를 좌우 사이드에 나타내는 요소 footer 꼬리말(제작자 정보, 저작권 정보 등)을 나타내는 요소 (2) 그룹핑 콘텐츠 요소 그룹핑 콘텐츠 요소 요소 설명 main body 영역의 주요 콘텐츠 블록을 그룹화할 때 사용 figu.. 2017. 8. 10.
HTML5 - [1] HTML5 (특징, 기본구조, 콘텐츠모델) HTML5 - [1] HTML5 (특징, 기본구조, 콘텐츠모델 HTML5 목적: 기존 HTML의 호환성을 유지하면서 웹 개발자들이 웹 애플리케이션을 개발하면서 부딪치는 한계점 해결 현재 사용되고 있는 W3C 표준인 HTML 4.01을 대폭 개선시킨 마크업 언어로서, 단순 텍스트와 하이퍼링크만 표시하던 HTML이 복잡한 애플리케이션까지 제공할 수 있는 웹 애플리케이션 플랫폼으로 진화한 형태 웹 표준 기구인 W3C에서 만들고 있는 차세대 웹 표준안으로서, 마이크로소프트, 모질라, 애플, 구글, 오페라 등 주요 웹 브라우저 벤더가 참여하고 있는 산업 표준 통칭하는 HTML5 ~= HTML + CSS3 + JavaScript 주요 기능 - web form, offline web, web database, web.. 2017. 8. 10.
HTML5 - 기말 중간 출석 시험범위 HTML5 - 기말 중간 출석 시험범위 JS Bin on jsbin.com 2017. 6. 27.

티스토리툴바