코드랩 레퍼런스

태그는 요소의 미리 정의된 옵션의 리스트를 정의합니다. 특징 설명 콘텐츠 카테고리 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

태그는 이미지 맵의 영역을 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 - Definition 태그는 이미지 위에 링크를 정의 할 때 간편하게 사용할 수 있습니다. 태그는 map 요소와 같이 사용합니다. CrossBroswing HTML5에 새로운 속성이 추가되었습니다. Property 속성 값(예) 설명 버전 alt alt="text" 영역에 대한 대체 텍스트를 설정합니다. href 속성이 있다면 필수적 속성입니다. - coords coords="90,58,3" 영역에 대한 ..

태그는 애플랫 요소를 정의합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 - 콘텐츠 요소 - 닫는 태그 - 버전 HTML4 (HTML5 지원 안됨) 시각적 표현 - Definition 태그는 Java applet 요소를 정의합니다. CrossBroswing HTML5에서 지원하지 않습니다. 대신 태그와 태그를 이용합니다. Property 속성 값(예) 설명 버전 align left right top bottom middle baseline 요소의 정렬을 왼쪽으로 설정합니다. 요소의 정렬을 오른쪽으로 설정합니다. 요소의 정렬을 위쪽으로 설정합니다. 요소의 정렬을 아래쪽으로 설정합니다. 요소의 정렬을 중간으로 설정합니다. 요소의 정렬을 기본으로 설정합니다. alt text Java applet을 지원하지..

태그는 웹 페이지의 연락처 정보를 설정합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 기울임꼴 Definition 태그는 body 내에 있다면 문서 연락처, 내에 있다면 기사 연락처를 정의합니다. 태그는 주로 문서의 섹션에서 사용합니다. Compare 태그는 연락처와 관련 없는 내용이라면 태그를 사용합니다. 태그는 연락처 정보보다 더 광범위한 정보를 포함 할 수 없습니다.(시간을 나타내는 time 태그등) Compatibility 6 7 8 9 10 11 Sample address 태그..

태그는 생략된 글자나 약어를 표시하는데 사용합니다. 특징 설명 콘텐츠 카테고리 - 콘텐츠 속성 - 콘텐츠 요소 - 닫는 태그 Closing ( ~ ) 버전 HTML4(HTML5에서 지원되지 않습니다.) 시각적 표현 - Definition 는 HTML4 태그이지만, HTML5에서 지원되지 않는 오래된 태그입니다. 일부 브라우저에서 작동 될 수 있지만 사용을 권장하지 않습니다. HTML5에서는 대신에 태그를 사용합니다. Compatibility 6 7 8 9 10 11

태그는 생략된 글자나 머리글자를 표시하는데 사용합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Phrasing Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 점선(브라우저마다 틀림) 및 툴팁 Definition 태그는 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. 약어를 사용할 경우 번역시스템이나 검색시스템에게 유용한 정보를 제공합니다. 태그는 title 속성을 사용하여 전체 단어를 지정합니다. 태그와 같이 사용할 수 있습니다. 태그에 아이디를 설정하여, 링크로 참조할 수 있습니다. ..

태그는 하이퍼 링크를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content, Palpable Content 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Inline Element 닫는 태그 Closing ( ~ ) 버전 HTML4 시각적 표현 밑줄과 파란색으로 표시 Definition 하이퍼 링크란 현재 페이지에서 다른 페이지의 이동을 말합니다. 방문하지 않는 링크는 밑줄과 파란색으로 표시됩니다. 방문한 링크는 밑줄과 보라색으로 표시됩니다. 활성화된 링크는 밑줄과 빨간색으로 표시됩니다. HTML5에서는 태그는 블록 요소를 포함할 수 있습니다. Property 속성 값(예) 설명 버전 charset charset="UTF-8" 문자의 인코딩을 설정합니다..

HTML 요소를 알파벳순으로 정리한 태그입니다. 속성 설명 태그는 하이퍼 링크를 정의합니다. 태그는 생략된 글자나 머리글자를 표시하는데 사용합니다. 태그는 생략된 글자나 약어를 표시하는데 사용합니다. 태그는 페이지의 연락처 정보를 정의하는데 사용합니다. 태그는 애플랫 요소를 정의합니다. 태그는 이미지 맵의 영역을 정의합니다. 태그는 문서내에 독립적인 컨텐츠를 정의합니다. 태그는 문서내에 사이드 컨텐츠를 정의합니다. 태그는 오디오 파일을 정의합니다. 태그는 글씨를 두껍게 표현할 때 사용합니다. 태그는 문서의 모든 URL의 기본이 되는 기본 URL을 설정합니다. 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 태그는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다. 태그는 텍스트의 방향을 설정합니다..