공간 분할 태그 div : 개행 처럼 아래로 내려 간다.span : 탭 처럼 옆으로 간다. HTML5 시멘틱 구조 태그- header : 헤더를 의미- nav : 네비게이션을 의미- aside : 사이드에 위치하는 공간을 의미- section : 여러 중심 내용을 감싸는 공간을 의미- article : 글자가 많이 들어가는 부분을 의미- footer : 푸터를 의미 기존 공간 분할 방식HTML5 HeaderMenuPlease HTML5 시멘틱 태그HTML5 HeaderMenuPlease

입력 양식 태그form 태그 - action : 입력 데이터의 전달 위치를 지정합니다.- method : 입력 데이터의 전달 방식을 선택 Input 태그 - button : 버튼을 생성- checkbox : 체크박스를 생성- file : 파일 입력 양식을 생성- hidden : 보이지 않습니다.- image : 이미지 형태를 생성- password : 비밀번호 입력 양식을 생성- radio : 라디오 버튼 생성- reset : 초기화 버튼을 생성- submit : 제출 버튼을 생성- text : 글자 입력 양식을 생성HTML5 추가- color : 색상 선택 양식을 생성- date : 일 선택 양식을 생성- datetime : 날짜 선택 양식을 생성- datetime-local : 지역 날짜 선택 양식을..

이미지 태그ex) // 사이트 경로에서도 이미지 받아 올 수 있음.src -> 이미지의 경로 지정alt -> 이미지가 없을 때 나오는 글자 지정width -> 이미지의 너비 지정height -> 이미지의 높이 지정지원 이미지 포맷 : JPEG, GIF, PNG, APNG, SVG, BMP, BMP ICO, PNG ICO (Chrome 기준) 오디오 태그ex) // 사이트 경로에서도 이미지 받아 올 수 있음.src -> 음악 파일의 경로 지정preload -> 음악을 재생하기 전에 모두 불러올지 지정, metadata, none, autoautoplay -> 음악을 자동 재생할지 지정loop -> 음악을 반복할지 지정controls -> 음악 재생 도구를 출력할지 지정지원 오디오 포맷 : MP3, OGG,..

HTML 기본 폼 HTML5 라는 것을 명칭함ko,ja,zk(중국),en,ra(러시아),de(독일어) Brackets에서 UTF-8만 지원타이틀 이름 설정 바디 안에 글자 채움HTML meta 추가 정보title 제목script 스크립트 추가link 다른 파일 추가style 스타일 시트 추가base 기본 경로 지정글자 폼 http://www.homejjang.com/03/html.php/text.php...h1 순서로 목록 정리...... 로 도 가능 안에 ... -> 순서 없이 목록 정리...... 로 도 가능... 목록별 정리정의 목록ㅁㅁㅁAAAㅁㅁㅁAAA... 목록들 정의 ... 정의 용어 (타이틀)... 정의 설명 (바디)테이블 목록$$$^^ㅁㅁㅁAAA$$$^^ ㅁㅁㅁ AAA 를 하지 않으면 표 ..

HTML 개발 툴Brackets- 미리 보기 기능이 있어 Chrome에서 바로 보기 가능- 확장자들을 등록 해야함- 작성 문서 대부분이 Brackets 기준Visual Studio 2013 Express for Web- 확장자 인식ADOBE Dreamweaver CSS외 등등 HTML5 추가 기능멀티미디어- HTML 웹 표준에 따라서 동영상을 재생하는 것이 아니라 플래시를 사용, HTML5는 플러그인의 도움 없이 스스로 음악과 동영상 재생가능그래픽 http://lights.helloenjoy.com- 하드웨어의 가속을 받아 2차원 그래픽과 3차원 그래픽 구현 가능, SVG 태그를 사용한 2차원 벡터 그래픽 구현, 자바스크립트 캔버스를 사용한 2차원 래스터 그래픽 구현- 3차원 그래픽 구현 : CSS3를 ..