코드랩 레퍼런스

태그는 설명 목록의 용어 및 이름을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그(definition term)는 설명 목록의 용어 및 이름을 정의합니다. 태그는 태그와 태그를 같이 사용합니다. CrossBroswing HTML4에서 태그는 정의형 목록의 용어 및 이름을 의미했지만, HTML5에서 태그는 설명형 목록의 용어 및 이름을 의미합니다. Compatibility 6 7 8 9 10 11 dt

태그는 설명 목록을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 시각적 표현 - 버전 HTML4 Definition 태그는 용어에 대한 설명이나 정의를 나타낼 때 사용됩니다. 태그는 태그와 태그를 같이 사용합니다. Compare 순서가 있는 목록은 태그를 사용합니다. 순서가 없는 목록은 태그를 사용합니다. 설명을 나타내는 목록은 태그를 사용합니다. CrossBroswing HTML4에서 태그는 정의형 목록을 의미했지만, HTML5에서 태그는 설명형 목록으로 의미가 변경되었습니다. Compatibility 6 7 8 9 10 ..

태그는 문서의 영역을 나누거나 그룹화 할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 문서의 영역을 나누거나 그룹화 할 때 사용합니다. Compare 태그는 블록 요소를 그룹화하고, 태그는 인라인 요소를 그룹화합니다. CrossBroswing 태그 속성(align)은 HTML5에서 지원하지 않습니다. Property 속성 값(예) 설명 버전 align left right center justify 요소를 왼쪽으로 정렬합니다. 요소를 오른쪽으로 정렬합니다. 요소를 ..

태그는 디렉토리 제목을 나열하는데 사용합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition 태그는 디렉토리 제목을 나열하는데 사용합니다. CrossBroswing 태그는 HTML5에서 지원하지 않기 때문에 CSS으로 대신 표현합니다. 태그는 대신에 , , , 를 사용 할 수 있습니다. Property 속성 값(예) 설명 버전 compact compact 목록을 간소화 설정을 합니다. Compatibility 6 7 8 9 10 11 dir compact

태그는 추가정인 정보를 팝업(박스) 형식으로 보여줍니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning root 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 추가정인 정보를 팝업으로 정의합니다. 태그는 스크립트를 사용하지 않고 웹 페이지 위에 팝업을 쉽게 만들 수 있습니다. Property 속성 값(예) 설명 버전 open open 추가정인 정보를 팝업(박스) 형식을 미리 보여줍니다. - Compatibility 6 7 8 9 10 11 dialog

태그는 전문적인 용어를 정의할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 - Definition 태그는 학문적인 개념이나 새로운 용어 및 전문어를 정의(Definition)할 때 사용합니다. 태그는 여러개의 전문적인 용어가 동일하게 사용되었을때에는 처음만 정의합니다. 태그의 부모요소는 정의된 요소의 설명이 포함되어 있어야 합니다. 태그는 title 속성을 넣어서 약어를 설명 할 수 있습니다. 태그는 태그를 같이 사용하여 약어를 설명 할 수..

태그는 컨텐츠를 숨기거나 보여줄 수 있습니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning root, Interactive content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 밑줄과 파란색으로 표시 Definition details 태그는 컨텐츠를 숨기거나 보여줄 수 있습니다. details 태그는 사용자가 열고 닫을 수 있는 위젯이 만들어집니다. details 태그는 컨텐츠의 제목을 표시하기 위해 summary 태그와 같이 사용합니다. Property 속성 값(예) 설명 버전 open open 세부 내용을 미리 보여줄 때..

태그는 문서의 삭제된(delete) 텍스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Phrasing Content, Flow Content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 글씨 가운데 줄이 표시 Definition 문서에서 삭제된 텍스트를 표시 할 때 태그를 사용합니다. 문서에서 수정 및 업데이트와 관련된 마크업은 태그와 태그를 사용합니다. Compare 문서에 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에 삽입된 텍스트를 표시하려면 태그를 사용합니다. Property 속성 값(예) 설명 버전 cite cite="URL" 텍스트가 삭된제 이유를 사이..

태그는 요소의 설명을 정의합니다. 특징 설명 콘텐츠 카테고리 적용 안됨 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition dd 태그(definition description)는 dl 태그의 설명을 정의합니다. dd 태그는 dl 태그와 함께 사용됩니다. Compatibility 6 7 8 9 10 11 dd

태그는 요소의 미리 정의된 옵션의 리스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 input 요소의 미리 정의된 옵션의 리스트를 정의합니다. 태그는 option 요소와 함께 사용합니다. Compatibility 6 7 8 9 10 11 datalist

태그는 요소 행의 그룹화를 정의합니다. 특징 설명 콘텐츠 카테고리 적용 안됨 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 밑줄과 파란색으로 표시 Definition 태그는 요소 행의 그룹화를 정의합니다. 태그는 col 요소와 함께 사용합니다. Property 속성 값(예) 설명 버전 align left right center justify char 요소를 왼쪽으로 정렬합니다. 요소를 오른쪽으로 정렬합니다. 요소를 가운데로 정렬합니다. 요소를 양쪽 정렬로 정렬합니다. 특정 문자에 대한 내용을 정렬합니다. char char="character" 특정 문자에 대한 정렬을 정의하며, align="..

태그는 요소 각 행에 대한 속성을 설정합니다. 특징 설명 콘텐츠 카테고리 적용 안됨 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 요소와 함께 사용됩니다. 태그는 열의 공통적인 속성을 한번에 정의하는데 사용됩니다. CrossBroswing 태그의 align 속성은 HTML5에서 지원하지 않습니다. Property 속성 값(예) 설명 버전 align left right center justify char 요소를 왼쪽으로 정렬합니다. 요소를 오른쪽으로 정렬합니다. 요소를 가운데로 정렬합니다. 요소를 양쪽 정렬로 정렬합니다. 특정 문자에 대한 내용을 정렬합니다. ch..

태그는 컴퓨터 코드를 사용할 때 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 기본 글꼴 Definition 태그는 마크업 코드를 표현 할 때 사용합니다. 태그는 브라우저의 기본 글꼴 및 고정 폭으로 표현됩니다. 태그 사용시 화면 여백을 그대로 표현하기 위해서 태그를 같이 사용합니다. Compare 컴퓨터 소스 코드를 사용한다면 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타낼 대는 태그를 사용합니다. 컴퓨터 프로그램으로 출력된 결과물은 태그를 사용합니다..

태그는 작품의 제목을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 기울임꼴 Definition 태그는 책, 시, 악보, 대본, 노래, 영화, TV 프로그램, 게임, 회화, 연극, 오페라, 전시회, 뮤지컬, 컴퓨터 프로그램 사이트, 웹 페이지, 블로그, 포럼게시물, 트윗등 작품의 제목에 사용합니다. 태그는 사람의 이름에는 사용하지 않습니다. 요소는 이탤릭체로 표현이 되며, 원하지 않으면 CSS로 설정합니다. Compare 짧은 인용문을 정의한다면 ..

태그는 텍스트를 가운데 정렬합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML4(HTML5 지원 안됨) 시각적 표현 - Definition 태그는 가운데 정렬을 할 때 사용합니다. CrossBroswing 태그는 HTML5에서 지원하지 않습니다. Compatibility 6 7 8 9 10 11 center

태그는 요소의 제목을 설정합니다. 특징 설명 콘텐츠 카테고리 적용 안됨 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 Definition 태그는 태그의 제목을 설정합니다. 태그는 태그 바로 뒤에 설정합니다. 태그는 기본적으로 가운데 정렬로 표시됩니다. CrossBroswing align 속성은 HTML5에서 지원되지 않습니다. Property 속성 값(예) 설명 버전 align left right top bottom 요소의 정렬을 왼쪽으로 설정합니다. 요소의 정렬을 오른쪽으로 설정합니다. 요소의 정렬을 위쪽으로 설정합니다. 요소의 정렬을 아래쪽으로 설정합니다. Compatibility 6 7..

태그는 비트맵 방식의 그림을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Embedded content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 주로 자바스크립트를 통해 표현합니다. 태그는 사진 합성이나 애니메이션을 표현 할 때 사용합니다. Property 속성 값(예) 설명 버전 height height="200" 요소의 세로 값을 설정합니다. - width width="200" 요소의 가로 값을 설정합니다. - Compatibility 6 7 8 9 10 11 canvas

태그는 클릭 할 수 있는 버튼을 설정합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Interactive content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4 시각적 표현 - Definition 태그는 클릭 할 수 있는 버튼을 설정합니다. 요소에는 이미지나 텍스트 버튼을 설정 할 수 있습니다. 요소에는 type을 설정합니다. Property 속성 값(예) 설명 버전 autofocus autofocus 페이지가 로드한 후 자동으로 포커스를 설정합니다. disabled disabled 버튼을 비활성화 합니다. - form form="form-id" form..

태그는 텍스트를 줄바꿈 할 때 사용합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 버전 HTML4 시각적 표현 - Definition 태그는 주소 영역이나 시에 사용합니다. 태그는 연속적으로 사용하거나 시간적으로 표현할 때 사용하지 않습니다. 문단의 간격을 줄 때는 태그 대신 태그 또는 CSS margin을 사용합니다. Compare 텍스트 줄바꿈을 원하다면, 태그를 사용합니다 텍스트 줄바꿈 할 지점을 원하다면 태그를 사용합니다. CrossBroswing HTML4에서는 태그 작성시 슬러시가 필요하지만, HTML5에서는 의무적인 ..

body 태그는 문서 본문에 해당하는 콘텐츠를 포함하는 영역입니다. 특징 설명 콘텐츠 카테고리 Sectioning Root 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition body 태그는 텍스트, 링크, 이미지, 테이블, 리스트등 문서의 모든 내용을 포함합니다. body 요소 안에 있는 모든 콘텐츠는 브라우저에 표현됩니다. body 태그는 한 문서 하나만 존재합니다. Compare body 태그의 속성(alink, background, bgcolor, link, text, vlink)은 HTML5에서 지원되지 않습니다. Property 속성 값(예) 설명 버전 alink ..

태그는 긴 문장의 인용문을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning root, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML5 시각적 표현 여백이 생김 Definition 인용(quotation)을 표현하는 태그는 태그와 태그가 있습니다. 태그는 전체 문장에 해당하는 긴 인용문에 사용합니다. 태그를 사용하면 자동으로 여백이 생깁니다. 여백이 목적이라면 CSS를 사용합니다. Compare 짧은 인용문을 정의한다면 태그를 사용합니다. HTML4에서는 요소를 인용문에 사용하였습니다. CrossBroswing HTML4..

태그는 텍스트 크기를 크게해줍니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML4(HTML5 지원 안됨) 시각적 표현 글씨 크기가 커짐 Definition 태그는 글씨 크기를 크게 해주지만 CSS가 그 기능을 대신하기 때문에 HTML5에서는 지원하지 않습니다. Compatibility 6 7 8 9 10 11 big

태그는 텍스트의 방향을 설정합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 텍스트의 읽는 방향이 다른 나른 언어를 위해 HTML5에서 새로 생긴 태그입니다. 태그는 CSS를 통해 텍스트의 방향(unicode-bidi)을 설정할 수 있지만, CSS 스타일이 무시가 될 경우도 있어, HTML 요소가 추가되었습니다. 태그는 dir 속성을 같이 사용합니다. Property 속성 값(예) 설명 버전 dir ltl rtl 글씨의 방향을 왼쪽에서 오른쪽..

태그는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 텍스트의 읽는 방향이 다른 나른 언어를 위해 HTML5에서 새로 생긴 태그입니다. CSS를 통해 텍스트의 방향을 설정할 수 있지만, CSS 스타일이 무시가 될 경우도 있어, HTML 요소를 사용하여 정확히 구현할 수 있습니다. Compatibility 6 7 8 9 10 11 bdi

태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 없음 버전 HTML4 (HTML5에서 지원 안됨) 시각적 표현 - Definition 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 태그는 섹션 안에 설정합니다. CrossBroswing 는 HTML5에서 지원되지 않으며, 그 기능은 CSS가 대신 합니다. (font, font-family, font-size, font-size-adjust, font-style, font-variant, font-weight, @font-face) Property 속성 값(예) 설명 버전 color c..

태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다. 특징 설명 콘텐츠 카테고리 Metadata content 콘텐츠 속성 Global Attributes 콘텐츠 요소 Metadata Content 닫는 태그 Self-closing 버전 HTML4 시각적 표현 - Definition 태그는 태그 태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다. 태그는 태그 안에서만 설정 할 수 있습니다. 여러개의 태그가 설정된 경우, 첫 번째 설정만 유지되고 나머지는 무시됩니다. 여기를 클릭하면 기본 주소를 기본으로 URL이 설정됩니다. 현재 기본 주소는 http://webstoryboy.co.kr입니다. 여기를 클릭하면 기본 주소를 기본으로 URL이 설정됩니다.

태그는 다른 텍스트와 구별 할 때 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 굵은 텍스트로 표시 Definition 태그는 텍스트의 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 정의합니다. 태그는 일반적으로 키워드, 제품의 리뷰, 기사 리드문 등에 사용합니다. 태그는 , , 에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다. 단순하게 글씨를 두껍게 하기 위함이라면 CSS의 font-weight를 권장..

태그는 오디오 파일을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Phrasing content, Embedded content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 오디오 파일을 정의할 때 사용하면 와 같이 사용합니다. 태그의 preload 속성은 사용자 이해를 돕기 위한 힌트를 제공하기 위함입니다. Formats 브라우저 MP3 Wav Ogg Internet Explorer Chrome Firefox Safari Opera Property 속성 값(예) 설명 버전 autoplay autoplay 오디오를 자동 재생으로 설정합니다..

태그는 웹 문서 내에 사이드 컨텐츠를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용 버전 HTML5 시각적 표현 - Definition 태그는 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 그룹화 할 때 사용합니다. Compatibility 6 7 8 9 10 11 aside

태그는 웹 문서 내에 독립적인 컨텐츠를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow content, Sectioning content, Palpable content. 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 Closing( ~ ) 버전 HTML5 시각적 표현 - Definition 태그는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등 콘텐츠의 독립적인 항목을 나타냅니다. 은 하나의 주제를 나타낸다면, 은 주제를 묶는 독립적인 콘텐츠를 나타냅니다. 요소 안에 요소를 쓸 수 있으며, 요소 안에도 요소를 쓸 수 있습니다. Compatibility 6 7 8 9 10 11 article