DeFacto-Standard IT

iframe (inline frame) : HTML페이지 내에 HTML페이지 삽입. 속성 - src : 로드할 문서 파일 또는 URL기술 - srcdoc : 문서 파일 대신 직접 HTML태그로 기술된 텍스트 - name : 프레임 윈도우의 이름. 다른 문서에서 target속성 값으로 사용됨. - width : 프레임의 폭. default 300px - height : 프레임의 높이. defualt 150px - left, right 프레임의 parent 윈도우 : 브라우저 윈도우 - upper, lower 프레임의 parent 윈도우 : right 윈도우 - left, right, upper, lower 프레임의 top 윈도우 : 브라우저 윈도우 target 속성으로 출력할 윈도우 지정 - target ..

태그 설명 속성 서버단에 보낼 form임을 기술. - name : form의 이름 지정 - method : GET/POST 등 지정 get의 경우 input태그의 name값이 key값으로, , value값이 value값으로 이어진다. post의 경우 Request Body에 key, value가 들어간다. - action : submit 시 폼을 보낼 URL 기술 - target : 출력 윈도우명 - enctype : 폼 데이터를 웹 서버로 전송 시 암호화 방식 지정 버튼 - type : 버튼의 타입 지정. button : 일반 버튼 submit : 서버단으로 전송 - onclick : 클릭 시 행동 기술.(자바스크립트) 입력 태그 - type : input태그의 타입 지정. text : 한 줄 텍스트 ..

태그 설명 속성 비고 페이지, 섹션의 머리말. 제목, 페이지를 소개하는 간단한 설명 하이퍼링크들을 모아 놓은 섹션 문서의 장(chapter, section) 혹은 절을 구성. 여러개 존재 가능. 콘텐츠에 대한 영역을 나타냄 본문과 연관있으나, 독립적인 콘텐츠를 담는 영역. 보조기사, 블로그포스트, 댓글 등 주로 section의 하위 항목 실제 콘텐츠의 영역을 나타냄 본문에서 약간 벗어난 노트나 팁. 신문, 잡지에서 주요 기사 옆 관련 기사, 삽입 어구로 표시된 논평 등 페이지의 오른쪽/왼쪽에 주로 배치 꼬리말 영역, 주로 저자나 저작권 정보 책, 보고서 등 본문에 삽입하는 사진, 차트, 삽화, 소스코드 등을 통상적으로 '그림'으로 표현 블록 태그 상세 정보를 담는 태그. 접고 펴기 가능 details태그..

태그 설명 속성 테이블 정의 테이블 제목. 반드시 table 태그 하위에 첫 번째로 삽입. 테이블 1행(레코드 제목) 테이블 2행(레코드 내용) 테이블 마지막행(합계 등에서 사용) 행 데이터 (table row, 열 방향으로 1개씩 추가) td와 동일하나 제목으로 굵게 표시됨. 열 데이터 (table data, 행 방향으로 1개씩 추가)

태그 설명 속성 순서가 있는 리스트(ordered list) - type : 1 or A or a or I or i - start : 리스트의 시작값. C인 경우 C부터 시작, 5인 경우 5부터 시작 순서가 없는 리스트(unordered list) 리스트의 항목(list item) 용어 제목, 설명을 통해 정의하는 리스트 (definition list) , 를 담는 리스트 용어 제목(definition title) 와 가 묶여 하나의 아이템이 된다. 용어 설명(definition description)

메타데이터 : 데이터를 설명하는 데이터. 태그 설명 속성 HTML페이지 내의 모든 path값을 사용하는 태그의 속성값에 prefix로 붙음. a의 href, img의 src등 모두 영향을 받음. 문서 내에 1개만 존재 가능. - href : 베이스 URL값을 지정 예시 : 외부 자원(.css파일 등)을 연결할 때 사용 - type : 링크할 파일의 타입을 지정 - rel : 관계를 지정. stylesheet의 경우 스타일시트에 관련된 태그라는 것을 명시. - href : 링크할 파일의 path 예시 : 페이지 저작자, 문자 인코딩 방식, 내용 등 기술. name과 content 속성이 짝을 이룸 - name : 어떤 종류의 메타 데이터인지 - content : 메타데이터의 값 예시 :

모든 태그는 블록, 인라인 태그로 구분된다. 블록태그 : 항상 새 라인에서 시작하여 출력 ex) , , , 인라인 태그 : 블록 속에 삽입되어 블록의 일부로 출력 ex) , , , span태그의 경우 갯수가 많아지면, style의 변경이 어렵다. 따라서 이 Inline 태그를 감싸는 블록태그로 둘러싼 후, 블록태그의 CSS를 수정하면 공통적인 부분에 대해 일괄적으로 수정이 가능하면서도, 소스코드가 복잡해지지 않는다.

태그 설명 진하게 중요한 강조 이탤릭체 이탤릭체 + 진하게 작은 문자 취소선 밑줄 윗첨자 아래첨자 하이라이팅

HTML5 문자 : UNICODE 문자셋, UTF-8 코드 체계 예약어/키보드로 입력 불가 기호, 심볼, 글자 입력. '&엔티티' 혹은 '&#코드값;' 문자 엔티티 표현 코드 표현 문자 엔티티 표현 코드 표현 "" " " £ £ £ ' ' ' √ √ √ > > ↑ ↑ ↑ & & & ÷ ÷ ÷ 빈칸 ∑ ∑ ∑ © © ©

태그 설명 속성 HTML5 문서임을 알리는 지시어. 없으면 아닐 수도 있다. 문서 제목, javascript, CSS, 메타데이터 정의 문서 본문 텍스트, 이미지, 테이블, javascript, 동영상 등 타이틀 제목(브라우저 탭) 수평선 긋기 줄넘어가기 단락 나누기 사용자가 입력한 값을 그대로 출력 글씨체가 굵어짐. h1이 가장 큰 제목, h6이 가장 작은 제목 - title : 마우스를 올리면 나타나는 툴팁의 값을 정의 이미지 삽입 - src : 이미지 파일 path. .bmp .gif .png .jpg(jpeg) animated-gif 지정 가능 - alt : src경로 이미지 로딩 실패 시 img태그에 출력할 문자열 - width : 이미지 폭 - height : 이미지 높이 => width, h..