본문 바로가기

HTML

(5)
HTML html5 특징 HTML의 새로운 버전으로 Client Side Technology 기술의 중심이 되는 마크업 언어 html5 특징 1. 멀티미디어 지원 - 플러그인 없이 Audio / Videp 재생 지원 2. 그래픽지원 - 2차원 그래픽(2D) . SVG 태그를 이용한 2차원(2D) 벡터 그래픽 지원 . 자바스크립트 캔버스(CANVAS)를 사용한 2차원 래스터 그래픽 지원 - 3차원 그래픽(3D) . CSS3를 사용한 3차원 그래픽 구현 . 자바스크립트 WebGL을 사용한 3차원 구현 3. 통신 - 실시간 서버와의 양방향 통신 지원 4. 장치접근 - HTML5가 구동되는 클라이언트 장치 접근이 가능해짐(GPS / Camera 등) 5. 오프라인 저장 - HTML5가 구동되는 클라이언트에 데이터 저장소 제공 가능 6...
html meta 태그
Html table table 기본형식 : 기본요소 ,속성 : tr: 행을 정의하는 요소, 블럭요소, th와 td요소만 포함 가능 th: 제목셀, 굵은 글꼴 중앙정렬 td: 데이터 셀, 블럭요소, 인라인 요소와 텍스트, 또 다른 블럭 요소 포함 가능 행의 그룹 ,, : *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐 *선언순서 thead → tfoot → tbody *thead 와 tfoot는 테이블에서 한번만 사용 가능! thead : 표의 머리글 tfoot : 표의 바닥 body : 표의 본문 열의 그룹 ,: *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐 *열을 그룹화 *table 요소의 바로 뒤 tr, thead, tfoot, tbody 요소 보다 앞에 작성 (colgroup, col 사용 예시 자리) cell 변형 속..
Html form 태그 폼의 기본형식 태그 속성 action : 폼을 전송할 URL 지정 api 주소 name : 전송될 데이터의 이름 accept-charset : 폼 전송에 사용할 문자 인코딩을 지정 target: action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 method (디폴트 값 = get) : 서버로 데이터를 전송하는 방식 get : 데이터가 주소입력란에 표시 따라서 보안유지 x , 간단한 데이터 전송 post : http 헤더에 숨겨져 서버로 전송 보안성 우수, 크기 무제한 : 여러개의 폼 그룹화시켜 좀 더 구조적으로 만들때 사용 : fieldset의 컨트롤 들이 어떠한 성격의 콘텐츠인지 제목 형식으로 알려줌, fieldset 요소의 바로 뒤에 한번만 작성하는 필수요소 : 폼양식에..
Html 서식 태그 : 블럭 단위의 단락인용 : 한줄 인용 인라인요소 *인용 요소는 cite가 필수 속성 ex) 들여쓰기가 되는 블럭단위 인용문 , : 강조할때 아무거나 써도 됨 태그 : href 속성 필요 ex) 소영 티스토리 : 볼드체 : 이탤릭체 : 텍스트 출력방향 설정 dir 속성 속성값 : ltr , rtl ex) bdo ltr 안녕하세요. : 아랫첨자 윗첨자 : 축약어 (마우스 대면 그 뜻이 툴팁으로 나옴) title 속성과 함께 써야함 ex) HTML : 추가글 : 삭제글 추가글 삭제글은 datetime 속성으로 언제 추가가 이뤄졌는지 속성값을 입력해줘야 한다. cite 속성으로 책임자도 입력해줘야 한다. : 입력한대로 엔터, 띄어쓰기 그대로 보여줌 : 시각적 주목효과만 주는 형광펜 강조 효과 : 날짜와 시간을..