분류 전체보기 (102) 썸네일형 리스트형 HTML <label> 태그 정의 및 특징 ・ 태그는 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용한다 ・ 요소는 for 속성을 사용하여 다른 요소와 결합할 수 있으며 이때 요소의 for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 한다 다른 요소와 결합할 수 있으며 또한, 요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬 수 있다 ・ 요소는 브라우저에 의해 일반적인 텍스트로 랜더링 되지만 사용자가 마우스로 해당 텍스트를 클릭할 경우 요소와 연결된 요소를 곧바로 선택할 수 있어 사용자의 편의성을 높일 수 있다 ・ 요소를 사용할 수 있는 요소는 다음과 같다 - , , , , , , 지원하는 브라우저 지원함 지원함 지원함 지원함 지원함 지원함 속성 속성명 .. HTML <kbd> 태그 정의 및 특징 ・ 태그는 키보드(keyboard) 입력 내용을 표현할 때 사용한다 ・ 요소 내의 텍스트는 브라우저의 기본 고정폭 글꼴을 사용하여 표현된다 ・ 요소는 HTML5에서도 여전히 지원되지만 CSS를 대신 사용하면 더욱 다양한 효과를 얻을 수 있다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 예제 새로운 문서는 키보드 단축키 Ctrl+N으로 만들 수 있습니다 새로운 문서는 키보드 단축키 Ctrl+N으로 만들 수 있습니다 ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 HTML <ins> 태그 정의 및 특징 ・ 태그는 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용한다 ・ 요소는 텍스트 한가운데 라인을 추가하여 문서에서 삭제된 텍스트를 표현한다 이와 같이 요소와 요소는 문서에 대한 업데이트나 수정을 표현할 때 사용하며 브라우저는 이를 일반 텍스트에 라인을 추가하는 것으로 표현한다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 cite URL 텍스트가 추가되거나 변경된 이유에 대해서 알 수 있는 문서의 URL을 명시한다 datetime YYYY-MM-DDThh:mm:ssTZD 텍스트가 추가되거나 변경된 날짜와 시간을 명시한다 예제 이 벽화가 그려진 시기는 청동기 구석기 시대이다 이 벽화가 그려진 시기는 청동기구석기 시대이다.. HTML <input> 태그 정의 및 특징 ・ 태그는 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용한다 ・ 요소는 사용자가 데이터를 입력할 수 있는 입력 필드를 선언하기 위해 요소 내부에서 사용된다 이러한 입력 필드는 요소의 type 속성값을 달리함으로써 여러 가지 모양으로 나타낼 수 있다 ・ 요소는 빈 태그(empty tag)이며 속성만을 포함한다 요소를 사용하면 요소의 라벨(label)을 정의할 수도 있다 ・HTML과 XHTML에서의 차이점 HTML에서는 태그를 닫지 않지만 XHTML에서는 다음과 같이 반드시 태그를 닫아야만 한다 지원하는 브라우저 지원함 지원함 지원함 1.0 1.0 지원함 속성 속성명 속성값 설명 accept 파일 확장자 audio/* video/* image/* 미디어 .. HTML <img> 태그 정의 및 특징 ・ 태그는 HTML 문서에서 이미지(image)를 정의할 때 사용한다 ・ 요소로 정의된 이미지는 HTML 문서에 직접 삽입되는 것이 아니라 HTML 문서에 이미지가 링크되는 형태이다 즉, 요소는 이렇게 참조된 이미지를 위한 일종의 수용 공간을 만들어 주는 것이다 ・ 요소에는 src 속성과 alt 속성을 반드시 명시해야만 한다 ・HTML과 XHTML에서의 차이점 HTML에서는 태그를 닫지 않지만 XHTML에서는 다음과 같이 반드시 태그를 닫아야만 한다 지원하는 브라우저 지원함 지원함 지원함 지원함 지원함 지원함 속성 속성명 속성값 설명 align top bottom middle left right 주변 요소에 따른 이미지의 정렬 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다 alt.. HTML <iframe> 태그 정의 및 특징 ・ 태그는 인라인 프레임(inline frame)을 정의할 때 사용한다 ・인라인 프레임은 현재 HTML 문서에 다른 문서를 포함시킬 때 사용한다 ・ 요소의 시작 태그와 종료 태그 사이에는 요소를 지원하지 않는 브라우저를 위한 텍스트를 포함할 수 있다 ・HTML과 XHTML에서의 차이점 XHTML에서는 name 속성을 더 이상 지원하지 않으므로 name 속성 대신 전역 속성인 id 속성을 사용해야 한다 지원하는 브라우저 1.0 지원함 지원함 지원함 지원함 지원함 속성 속성명 속성값 설명 align left right top middle bottom 주변 요소에 따라 요소가 정렬되는 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다 frameborder 0 1 요소 주위에 테두리(bor.. HTML <i> 태그 정의 및 특징 ・ 태그는 기본 텍스트와는 다른 분위기나 음성을 위한 텍스트 영역을 정의할 때 사용한다 ・ 요소의 텍스트는 보통 이탤릭체로 표현되며, 전문용어나 다른 언어의 관용구, 문어체, 서양 문헌에 나오는 배 이름 등을 나타낼 때 사용한다 ・다음과 같은 의미 요소(semantic element) 중에서 사용하기에 적당한 요소를 찾지 못했을 때만 요소를 사용할 수 있다 - : 창작물의 제목 - : 용어(term)의 정의 - : 강조된 텍스트 - : 하이라이트 된(highlighted) 텍스트 - : 긴급하거나 중요한 텍스트 지원하는 브라우저 1.0 지원함 1.0 지원함 지원함 지원함 예제 슈퍼 마리오 월드는 슈퍼 패미컴과 동시에 발매된 런칭작으로, 전작인 슈퍼 마리오브라더스 3와 함께 2D 마리오 사상.. HTML <hgroup> 태그 정의 및 특징 ・ 태그는 섹션 제목이나 문서 구획의 다단계 제목을 정의할 때 사용하며 다수의 - 요소를 묶을 때 사용한다 ※하위 제목이나 부제목과 같은 제목이 여러 계층에 있는 경우 -과 같은 제목 집합을 그룹화하는 데 사용한다 지원하는 브라우저 5.0 12.0 지원하지 않음 4.0 11.1 5.0 예제 슈퍼 마리오 슈퍼 마리오 월드 슈퍼 패미컴과 동시에 발매된 런칭작으로, 전작인 슈퍼 마리오브라더스 3와 함께 2D 마리오 사상 최고의 명작으로 꼽히며, 30년이 넘은 현 시대에 플레이해도 충분히 재미있는 게임이라는 평을 받는다 슈퍼 마리오 슈퍼 마리오 월드 슈퍼 패미컴과 동시에 발매된 런칭작으로, 전작인 슈퍼 마리오브라더스 3와 함께 2D 마리오 사상 최고의 명작으로 꼽히며, 30년이 넘은 현 시대에 플.. HTML <hr> 태그 정의 및 특징 ・ 태그는 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의할 때 사용한다 ・ 요소는 HTML 문서에서 내용을 구분하거나 주제의 변화를 정의한다 ・HTML과 XHTML에서의 차이점 HTML에서는 태그를 닫지 않지만 XHTML에서는 다음과 같이 반드시 태그를 닫아야만 한다 지원하는 브라우저 지원함 지원함 지원함 1.0 지원함 지원함 속성 속성명 속성값 설명 align left center right 요소의 정렬 방법을 명시한다 HTML5에서는 더 이상 지원하지 않는다 noshade noshade 요소가 음영이 있는 색상(shaded color)이 아닌 단색으로 표현됨을 명시한다 HTML5에서는 더 이상 지원하지 않는다 size 픽셀 요소의 높이를 명시한다 HTML5에서는 더.. HTML <header> 태그 정의 및 특징 ・ 태그는 문서나 특정 섹션(section)의 헤더(header)를 정의할 때 사용한다 ・헤더(header)는 보통 도입부에 해당하는 콘텐츠나 네비게이션 링크의 집합 등과 같은 정보를 포함하게 된다 - 하나 이상의 제목 요소(h1 ~ h6) - 로고(logo)나 아이콘(icon) - 저자(author) 정보 ・HTML 문서는 여러 개의 요소를 포함할 수 있다 지원하는 브라우저 5.0 지원함 9.0 4.0 4.1 11.1 예제 날씨 정보 2월 19일 - 기상청 제공 - 서울 : 맑음 대전 : 흐림 부산 : 비 날씨 정보 2월 19일 - 기상청 제공 -서울 : 맑음 대전 : 흐림 부산 : 비 ■HTML 태그 레퍼런스 HTML 태그 레퍼런스 - MAIN 돌아가기 이전 1 2 3 4 5 6 7 ··· 11 다음
