본문 바로가기

Webstoryboy

Category

Explanation

HTML

(126)
[HTML] <main> 태그는 문서의 주요 콘텐츠를 정의합니다. 태그는 문서의 주요 콘텐츠를 정의합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 정의(Definition) 태그는 문서의 핵심이 되는 내용을 포함하고, 사이드 메뉴, 네비게이션 링크, 로고 영역, 검색 영역 등 반복되는 영역은 포함할 수 없습니다. 태그는 문서에서 한 번만 사용할 수 있으며, , , , , 요소 등의 자식 요소로 올 수 없습니다. 태그는 DOM 구조에 영향을 미치지 않습니다. 호환성(Compatibility) 6 7 8 9 10 11 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능
[HTML] <link> 태그는 외부 파일 연결 할 때 설정합니다. 태그는 외부 파일 연결 할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 Self-Closing() 버전 HTML4 정의(Definition) 태그는 외부 파일 연결 할 때 설정합니다. 태그는 일반적을 스타일시트 파일을 주로 연결하지만 파비콘이나 웹폰트를 연결 할 때도 사용합니다. 비교(Compare) 외부 스타일시트 파일과 연결 할 때는 태그를 사용합니다. 외부 스크립트 파일가 연결 할 때는 태그를 사용합니다. 속성(Property) 속성 값(예) 설명 버전 charset charset = "언어 코드" 링크 된 문서의 문자 인코딩을 설정합니다. crossorigin crossorigin = "anonymous" cross..
[HTML] <li> 태그는 목록의 항목을 나타내는 태그입니다. 태그는 목록의 항목을 나타내는 태그입니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 정의(Definition) 태그(list item)는 목록의 항목을 나타내는 태그입니다. 태그는 태그, 태그, 태그와 같이 사용됩니다. 태그 안에 다른 목록을 중첩으로 사용할 수 있습니다. 크로스브라우징(CrossBroswing) 태그의 type 속성은 HTML5에서 지원하지 않습니다. 대신 CSS의 list-style에서 설정합니다. 태그의 value 속성은 HTML4에서 지원하지 않지만, HTML5에서는 지원합니다. 비교(Compare) 태그는 용어를 설명하는 목록형 태그입니다. 태그는 용어의 제목을 설명하는..
[HTML] <legend> 태그는 요소 영역의 설명을 설정합니다. 태그는 요소 영역의 설명을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 요소 영역의 설명을 설정합니다. 태그는 요소의 id와 같으면 속성이 연결됩니다. 비교(Compare) 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 데이터를 입력할 수 있는 폼 컨트롤을 설정합니다. 태그는 해당 요소의 제목을 설정합니다. 태그는 요소 영역의 설명을 설정합니다. 예제1(Sample) 폼 컨트롤 예제입니다. 로그인 이메일 : 비밀번호 : HTML CSS SCRIPT 로그인 이메일 : 비밀번호 ..
[HTML] <label> 태그는 해당 요소의 제목을 설정합니다. 태그는 해당 요소의 제목을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 태그는 해당 요소의 제목을 설정합니다. 태그는 요소의 id와 같으면 속성이 연결됩니다. 비교(Compare) 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 데이터를 입력할 수 있는 폼 컨트롤을 설정합니다. 태그는 해당 요소의 제목을 설정합니다. 태그는 요소 영역의 설명을 설정합니다. 속성(Property) 속성 값(예) 설명 버전 for for = " 요소의 id" 요소의 아이디를 연결합니다. - form..
[HTML] <keygen> 태그는 보안키를 생성하고 컨트롤합니다. 태그는 보안키를 생성하고 컨트롤합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 삭제 정의(Definition) 태그는 사용자들 간의 통신을 할 때 안전하게 데이터를 주고 받고 암호키를 생성합니다. 태그는 데이터를 주고 받을 때 개인 키(Private key)는 사용자 컴퓨터에 저장되고, 공개 키(public key)는 서버로 전송됩니다. 호환성(Compatibility) 6 7 8 9 10 11 사용안됨 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용안됨 사용안됨
[HTML] <kbd> 태그는 키보드 입력요소를 나타내는 텍스트를 정의합니다. 태그는 키보드 입력요소를 나타내는 텍스트를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 monotype 폰트로 표현 정의(Definition) 태그(HTML Keyboard Input element)는 키보드 입력요소를 나타내는 텍스트를 정의합니다. 태그 키보드, 음성입력, 입력장치에 의한 텍스트를 표현할 때 사용합니다. 태그는 시각적으로 브라우저 기본 폰트 monospace으로 표현됩니다. 비교(Compare) 컴퓨터 소스 코드를 나타내는 텍스트는 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타내는 텍스트는 태그를 사용합니다. 컴퓨터 프로그램으로 출..
[HTML] <ins> 태그는 문서에 삽입된 텍스트를 설정합니다 태그는 문서에 삽입된 텍스트를 설정합니다 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 밑줄 사용성 정의(Definition) 태그는 문서에서 문서에서 수정이나 업데이트를 표현하기 위해서 사용합니다. 태그는 문서에서 시각적으로 밑줄이 표시됩니다. 비교(Compare) 문서에서 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에서 삽입된 텍스트를 표시하려면 태그를 사용합니다. 정확하지 않고, 관련성이 없는 텍스트를 표시하려면 태그를 사용합니다. 접근성(Accessibility) 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝..
[HTML] <input> 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다. 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 Self-Closing() 버전 HTML4 정의(Definition) 태그는 사용자가 입력하는 컨트롤은 태그 안에 설정합니다. 태그는 반드시 속성 값을 설정합니다 접근성(Accessibility) 태그에는 요소가 설정되어 있어야 합니다. 레이블을 추가하면 화면 판독기를 어떤 Input인지 확인 할 수 있습니다. 속성(Property) 속성 값(예) 설명 버전 accept file_extension audio/* video/* image/* media_type 요소가 서버에 수락할 수 있는 유형을 설정합니다. - align l..
[HTML] <img> 태그는 웹 문서에 이미지를 정의합니다. 태그는 웹 문서에 이미지를 정의합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 Self-Closing() 버전 HTML4 정의(Definition) 태그는 src 속성과 alt 속성은 필수적으로 설정합니다. 태그에 title 속성을 설정하면 이미지에 대한 추가적인 정보를 제공하고, 브라우저에서는 툴팁으로 표시됩니다. 태그는 인라인 구조이며, border, border-radius, padding, margin, width, height 속성 값을 설정할 수 있습니다. 속성(Property) 속성 값(예) 설명 버전 align left right top middle bottom 이미지를 왼쪽으로 정렬합니다. 이미지를 오른쪽으로 정렬합니다...
[HTML] <iframe> 태그는 웹 문서에 다른 문서를 포함하는데 사용합니다. 태그는 웹 문서에 다른 문서를 포함하는데 사용합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 정의(Definition) 태그(HTML Inline Frame element)는 웹 문서에 다른 웹 문서를 포함하는데 사용합니다. 웹 문서에서 태그는 여러 개를 사용 할 수 있습니다. 태그를 여러 개 사용 할 경우, 페이지 리소스가 증가하여 느려질 수 있으므로 웹 페이지 성능을 고려하여 적절하게 사용하여야 합니다. 속성(Property) 속성 값(예) 설명 버전 align left right top middle bottom 아이프레임을 왼쪽으로 정렬합니다. 아이프레임을 오른쪽으로 정렬합니다. ..
[HTML] <i> 태그는 특별한 이유로 평범한 글자와 구분하기 위해 설정합니다. 태그는 특별한 이유로 평범한 글자와 구분하기 위해 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 이탤릭체 사용성 정의(Definition) 태그는 특별한 이유로 평범한 글자와 구분하기 위해 설정합니다. 태그는 음성, 분위기, 기술적인 구문, 생각, 선박이름 등과 같이 다른 텍스트와 구분하기 위해 사용합니다. 태그는 , , , , 태그에 해당되는 적합한 의미가 없을 때 사용합니다. 비교(Compare) 글씨를 강조하고 싶다면 태그를 사용합니다. 글씨를 강조하고 중요성까지 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성과 강조를 고려하지 않는 단순 참고용 표..
[HTML] <html> 태그는 웹 문서의 최상위 요소 문서의 루트를 나타냅니다. 태그는 웹 문서의 최상위 요소 문서의 루트를 나타냅니다. 특징 설명 요소 - 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 정의(Definition) 태그는 웹 문서의 최상위 요소 문서의 루트를 나타냅니다. 다른 모든 요소들은 태그의 자식 요소이여야 합니다. 접근성(Accessibility) 태그에 lang 속성을 설정하면 화면 판독에 필요한 언어를 설정하는데 도움이 됩니다. lang 속성은 웹 페이지에서 주로 사용하는 언어를 설정하며, 이 기능이 없으면 화면 판독기가 운영체에 언어를 기본 언어로 설정하여, 잘못된 언어를 표현할 수 있습니다. 속성(Property) 속성 값(예) 설명 버전 manifest manifest = "URL" 리소스..
[HTML] <hr> 태그는 단란 요소간의 주제별 구분을 설정합니다. 태그는 단란 요소간의 주제별 구분을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 self-closing() 버전 HTML4 시각적 표현 수평선 사용성 정의(Definition) 태그는 단란 요소간의 주제별 구분을 설정합니다. 태그는 연극에서 주제를 구분하거나, 책에서 화제 변경을 구분(horizontal rule)하기 위해 사용합니다. 태그는 시각적인 부분보다 의미론적으로 사용하므로, 시간적인 표현은 CSS를 통해 표현합니다. 크로스브라우징(CrossBroswing) HTML4에서 태그는 수평선을 의미하지만, HTML5에서 태그는 주제를 분리할 때 사용합니다. 예제1(Sample) 주제를 구분하기 위한 예제입니다. 천 번째 ..
[HTML] <hgroup> 태그는 제목 요소 그룹화를 설정합니다. 태그는 제목 요소 그룹화를 설정합니다. 특징 설명 요소 블록 요소(Blockk Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 제목 요소 그룹화를 설정합니다. 태그는 문서 섹션의 다단계 제목을 나타내며, – 요소 집합의 그룹화를 설정합니다. 태그는 접근성을 지원하지 않기 때문에 사용을 권하지 않습니다. 예제1(Sample) 제목을 그룹화하는 예제입니다. HTML 레퍼런스 제목 요소 ~ 태그는 섹션의 제목 설정합니다. HTML CSS SCRIPT HTML 레퍼런스 제목 요소 ~ 태그는 섹션의 제목 설정합니다. hgroup { border-left: 4px solid goldenrod; padding-left..
[HTML] <header> 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다. 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다. 특징 설명 요소 블록 요소(Blockk Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 사용성 정의(Definition) 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다. 태그에는 제목, 로고, 검색, 아이콘, 저자 정보 등을 포함 할 수 있습니다. 태그는 섹션 요소이기 때문에 제목 태그를 포함하여야 하지만 필수사항은 아닙니다. 섹션 관련 요소(Section Related Elements) 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 태그는 주제별 그룹의 콘텐..
[HTML] <head> ) 버전 HTML4 정의(Definition) 태그는 제목과 스크립트, 스타일 시트, 메타 정보 등을 제공합니다. HTML5를 지원하는 브라우저에서는 태그가 생략된 경우 자동으로 생성합니다. 속성(Property) 속성 값(예) 설명 버전 profile profile = "URL" 메타데이터 프로필에 대한 정보 URL을 설정합니다. 호환성(Compatibility) 6 7 8 9 10 11 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
[HTML] <h1>~<h6> ~ ~ 태그는 섹션의 제목 설정합니다. ~ ~ 태그는 섹션의 제목 설정합니다. 특징 설명 요소 블록 요소(Blockk Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 볼드체 및 글씨 크기 변경 사용성 정의(Definition) ~ 태그는 섹션의 제목 설정합니다. 태그가 가장 높은 단계의 제목이며, 태그가 가장 낮은 단계의 제목입니다. ~ 태그의 글씨 크기를 위해 사용하지 않습니다. 글씨 크기는 CSS의 font-size로 설정합니다. 부터까지 태그의 단계를 순차적으로 사용합니다. 단계를 건너뛰지 않습니다. 한 페이지에 태그는 한 번만 사용합니다. ~ 제목 별로 기본 폰트 크기가 다릅니다. 섹션 관련 요소(Section Related Elements) 태그는 사이트 본문에 ..
[HTML] <frameset> 태그는 레이아웃 구성을 위한 프레임을 설정합니다. 태그는 레이아웃 구성을 위한 프레임을 설정합니다. 특징 설명 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서는 사용하지 않습니다.) 사용성 정의(Definition) 태그는 레이아웃 구성을 위한 프레임을 설정합니다. 태그는 여러개의 의 크기나 속성을 설정합니다. 웹 접근성과 관련된 접근이 어려워 사용하지 않으며, 대신에 을 사용합니다. HTML5에서 없어진 태그 속성(Property) 속성 값(예) 설명 버전 cols cols="50%,50%" 프레임의 가로 값을 설정합니다. rows rows="50%,50%" 프레임의 세로 값을 설정합니다. 호환성(Compatibility) 6 7 8 9 10 11 사용가능 사용가능 사용가능 사용가능 ..
[HTML] <frame> & 태그는 다른 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. 태그는 다른 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. 특징 설명 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서는 사용하지 않습니다.) 사용성 정의(Definition) 태그는 다른 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다. 웹 접근성과 관련된 접근이 어려워 사용하지 않으며, 대신에 을 사용합니다. HTML5에서 없어진 태그 속성(Property) 속성 값(예) 설명 버전 frameborder frameborder="0" 프레임 테두리 값을 설정합니다. longdesc longdesc="URL" 프레임 콘텐츠의 자세한 설명을 포함하는 URL을 설정합니다. marginheight mar..
[HTML] <form> 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 사용자가 폼을 입력한 후 버튼을 누르면 정보가 웹 서버에 전송됩니다. 비교(Compare) 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 데이터를 입력할 수 있는 폼 컨트롤을 설정합니다. 태그는 해당 요소의 제목을 설정합니다. 태그는 요소 영역의 설명을 설정합니다. 속성(Property) 속성..
[HTML] <footer> 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다. 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 사용성 정의(Definition) 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다. 태그는 사이트와 관련된 정보, 저작권, 연락처, 사이트 맵, 관련된 문서 링크를 제공합니다. 태그에는 연락처 정보를 설정하는 태그가 포함 될 수 있습니다. 태그는 화면 판독기에 의해 "콘텐츠 정보"라고 표현되지 않기 때문에 footer 요소에는 role="contentinfo" 속성을 추가해주는게 좋습니다. 섹션 관련 요소(Section Related Elements) 태..
[HTML] <font> 태그는 폰트의 크기, 색, 종류를 설정합니다. 태그는 폰트의 크기, 색, 종류를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서는 지원하지 않습니다.) 시각적 표현 - 사용성 정의(Definition) 태그는 폰트의 크기, 색, 종류를 설정합니다. 태그는 HTML5에서 지원하지 않으며, 이 기능은 CSS의 font-size, color, font-style으로 설정합니다. HTML5에서 없어진 태그 속성(Property) 속성 값(예) 설명 버전 color color="red" 폰트 컬러를 설정합니다. face face="serif" 폰트 종류를 설정합니다. size size="8" 폰트 사이즈를 설정합니다. 호환성(..
[HTML] <figure> 태그는 인용, 도표, 사진, 코드 등의 독립적인 콘텐츠를 설정합니다. 태그는 인용, 도표, 사진, 코드 등의 독립적인 콘텐츠를 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 사용성 정의(Definition) 태그는 인용, 도표, 사진, 코드 등의 독립적인 콘텐츠를 설정합니다. 태그는 요소를 사용해 설명을 포함할 수 있습니다. 예제1(Sample) 이미지를 사용할 때 설정하는 예제입니다. 기린을 찍은 사진 HTML CSS SCRIPT 기린을 찍은 사진 //CSS none //Javascript none 예제2(Sample) 코드를 사용할 때 설정하는 예제입니다. 제이쿼리를 이용한 애니메이션 소스입니다. $(".sampleOption a..
[HTML] <figcaption> 태그는 요소의 설명 또는 제목을 설정합니다. 태그는 요소의 설명 또는 제목을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 - 사용성 정의(Definition) 태그는 요소의 설명 또는 제목을 설정합니다. 태그는 요소의 처음 또는 마지막에 설정합니다. 예제1(Sample) 이미지를 사용할 때 설정하는 예제입니다. 기린을 찍은 사진 HTML CSS SCRIPT 기린을 찍은 사진 //CSS none //Javascript none 예제2(Sample) 코드를 사용할 때 설정하는 예제입니다. 제이쿼리를 이용한 애니메이션 소스입니다. $(".sampleOption a").click(function (e) { e.prevent..
[HTML] <fieldset> 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 2px 너비의 groove 테두리 사용성 정의(Definition) 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 폼 요소의 여러 컨트롤과 을 그룹화 하는데 사용합니다. 태그는 폼 요소의 내부 영역 설명을 요소로 설정합니다. 태그는 HTML5에서 disabled, form, name 속성이 추가되었습니다. 비교(Compare) 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다. 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다. 태그는 데이터를 입력할 수 있는 폼 컨트..
[HTML] <embed> ) 버전 HTML5 시각적 표현 콘텐츠 표현 사용성 정의(Definition) 태그는 외부 콘텐츠를 사용할 수 있도록 설정합니다. 외부 콘텐츠에는 유튜브 콘텐츠, 코딩 콘텐츠, 음악 콘텐츠 등 다양한 외부 콘텐츠를 포함합니다. 현재 대부분의 최신 브라우저는 플러그인 지원을 중단하고 있어, 태그의 사용은 권하지 않습니다. 크로스브라우징(CrossBroswing) 태그는 오래 전부터 모든 브라우저에서 지원되었지만 HTML4 지침서에는 포함되어 있지 않습니다. 태그는 HTML5 지침서에 새롭게 추가되었습니다. 비교(Compare) 외부 동영상을 재생할 때에는 태그를 사용합니다. 외부 음악을 재생할 때에는 태그를 사용합니다. 외부 콘텐츠를 삽입 할 때에는 태그를 사용합니다. 속성(Property) 속성 값(예)..
[HTML] <em> 태그는 텍스트를 강조할 때 설정합니다. 태그는 텍스트를 강조할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 기울임꼴로 표시 사용성 정의(Definition) 태그는 텍스트를 강조할 때 설정합니다. 태그는 기울임꼴로 표기됩니다. 기울임꼴을 사용하기 위해 사용하는 하는 것은 적절하지 않습니다. CSS font-style: italic으로 설정합니다. 태그보다 중요성을 강조하기 위해서는 태그를 사용합니다. 비교(Compare) 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 태그를 사용합니다. 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 태그를 사용합니다. 글씨를 강조하고 싶다면 태그를 사..
[HTML] <dt> 태그는 설명 목록 항목의 제목을 설정합니다. 태그는 설명 목록 항목의 제목을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그(definition term)는 설명 목록 항목의 제목을 설정합니다. 태그는 , 태그와 함께 사용됩니다. 비교(Compare) 태그는 순서가 없는 목록을 설정합니다. 태그는 순서가 있는 목록을 설정합니다. 태그는 목록의 항목을 설정합니다. 태그는 설명 목록을 설정합니다. 태그는 설명 목록의 항목을 설정합니다. 태그는 설명 목록 항목의 제목을 설정합니다. 예제1(Sample) 설명 목록 태그의 예제입니다. 목록을 표현할 때 쓰는 태그입니다. ul : 순서가 없는 목록을 표..
[HTML] <dl> 태그는 설명 목록을 설정합니다. 태그는 설명 목록을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그(Definition List)는 용어에 대한 설명이나 정의를 나타낼 때 사용됩니다 태그는 용어 사전이나 키와 값으로 이루어진 메타데이터에서 주로 사용합니다. 태그는 태그와 태그를 같이 사용합니다. 비교(Compare) 태그는 순서가 없는 목록을 설정합니다. 태그는 순서가 있는 목록을 설정합니다. 태그는 목록의 항목을 설정합니다. 태그는 설명 목록을 설정합니다. 태그는 설명 목록의 항목을 설정합니다. 태그는 설명 목록 항목의 제목을 설정합니다. 예제1(Sample) 설명 목록 태그의 예제입니다. ..
1 2 3 4 5