본문 바로가기

Webstoryboy

Category

Explanation

분류 전체보기

(864)
[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) 설명 목록 태그의 예제입니다. ..
[HTML] <div> 태그는 문서의 영역을 나누거나 그룹화 할 때 설정합니다. 태그는 문서의 영역을 나누거나 그룹화 할 때 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 문서의 영역을 나누거나 그룹화 할 때 설정합니다. 태그는 아무런 의미를 가지지 않는 유일한 요소입니다. 태그는 시멘틱 태그의 활용이 적절하지 않은 경우에 사용합니다. 비교(Compare) 블록 요소를 그룹화 한다면 태그를 사용합니다. 인라인 요소를 그룹화 한다면 태그를 사용합니다. 크로스브라우징(CrossBroswing) 태그의 align 속성은 HTML5에서 지원하지 않습니다. 이 기능은 CSS Grid와 CSS Flexbox가 대신합니다. 호환..
[HTML] <dir> 태그는 파일 및 폴더의 디렉토리를 설정합니다. 현재는 사용하지 않습니다. 태그는 파일 및 폴더의 디렉토리를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4(HTML5에서 지원하지 않습니다.) 사용성 정의(Definition) 태그는 파일 및 폴더의 디렉토리를 설정합니다. 태그는 대신에 , , , 를 사용 할 수 있습니다. 속성(Property) 속성 값(예) 설명 버전 compact compact 목록을 간소화 설정을 합니다. 호환성(Compatibility) 6 7 8 9 10 11 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 사용안됨 compact 사용안됨 ..
[HTML] <dialog> 태그는 팝업 정보을 설정합니다. 태그는 팝업 정보을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 팝업 형태 사용성 정의(Definition) 태그는 팝업 정보을 설정합니다. 태그는 position: absolute;를 통해 위치가 설정됩니다. 스크립트를 사용하지 않고 웹 페이지 위에 팝업을 쉽게 만들 수있습니다. 속성(Property) 속성 값(예) 설명 버전 open open 추가정인 정보를 팝업 형식을 미리 보여줍니다. - 예제1(Sample) dialog를 설정하는 예제입니다. dialog를 사용하면 팝업 창이 표현됩니다. HTML CSS SCRIPT dialog를 사용하면 팝업 창이 표현됩니다. //CSS n..
[HTML] <dfn> 태그는 용어를 정의할 때 설정합니다. 태그는 용어를 정의할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 이탤릭체 사용성 정의(Definition) 태그는 학문적인 개념이나 새로운 용어 및 전문어를 정의(Definition)할 때 사용합니다. 태그는 여러개의 전문적인 용어가 동일하게 사용 되었을때에는 처음만 정의합니다. 태그는 부모 요소는 정의된 요소의 설명이 포함되어 있어야 합니다. 태그는 title 속성을 넣어서 약어를 설명 할 수 있습니다. 태그는 태그를 같이 사용하여 약어를 설명 할 수 있습니다. 태그는 아이디를 설정하여, 링크로 참조할 수 있습니다. 비교(Compare) 글씨를 특별한 이유로 평범한 글자와..
[HTML] <details> 태그는 접기/펼치기 목록을 설정합니다. 컨텐츠 요소를 숨기거나 보여줄 수 있습니다. 자바스크립트를 이용하여 컨텐츠 내용을 숨기고 보여줄 수 있는 기능을 HTML 태그를 통해 구현할 수 있습니다. 접기/펼치기 목록의 제목은 태그를 통해 설정합니다. 태그는 접기/펼치기 목록을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 - 시각적 표현 접기/펼치기 삼각형 아이콘 사용성 정의(Definition) 태그는 접기/펼치기 목록을 설정합니다. 컨텐츠 요소를 숨기거나 보여줄 수 있습니다. 태그는 사용자가 열고 닫을 수 있는 위젯이 만들어집니다. 태그는 컨텐츠의 제목을 표시하기 위해 태그와 같이 사용합니다. ::-webkit-details-marker 속..
[HTML] <del> 태그는 문서의 삭제된 텍스트를 설정합니다. 태그는 문서의 삭제된 텍스트를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 시각적 표현 글씨 가운데 줄이 표시 사용성 정의(Definition) 태그는 문서의 삭제된 텍스트를 설정합니다. 태그는 문서에서 수정 및 업데이트와 관련된 마크업은 태그와 태그가 있습니다. 비교(Compare) 문서에서 삭제된 텍스트틀 표시하려면 태그를 사용합니다. 문서에서 삽입된 텍스트를 표시하려면 태그를 사용합니다. 정확하지 않고, 관련성이 없는 텍스트를 표시하려면 태그를 사용합니다. 속성(Property) 속성 값(예) 설명 버전 cite cite="URL" 텍스트가 삭된제 이유를 사이트로 설정합니다. - ..
[HTML] <dd> 태그는 설명 목록의 항목을 설정합니다. 태그는 설명 목록의 항목을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그(Definition Description)는 설명 목록의 항목을 설정합니다. 태그는 태그와 함께 사용됩니다. 비교(Compare) 태그는 순서가 없는 목록을 설정합니다. 태그는 순서가 있는 목록을 설정합니다. 태그는 목록의 항목을 설정합니다. 태그는 설명 목록을 설정합니다. 태그는 설명 목록의 항목을 설정합니다. 태그는 설명 목록 항목의 제목을 설정합니다. 예제1(Sample) 설명 목록 태그의 예제입니다. 목록을 표현할 때 쓰는 태그입니다. ul : 순서가 없는 목록을 표현할 때..
[HTML] <datalist> 태그는 선택 목록과 자동 완성 기능을 설정합니다. 사용자가 데이터를 입력하면 일치하는 목록이 있을 경우 보여줍니다. 태그는 주어진 선택 목록을 선택만 할 수 있지만, 태그는 선택 목록에 없어도, 사용자가 입력할 수 있습니다. 태그는 선택 목록과 자동 완성 기능을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML5 시각적 표현 선택 메뉴 리스트 사용성 정의(Definition) 태그는 태그는 선택 목록과 자동 완성 기능을 설정합니다. 태그는 요소의 list 속성 값과 datalist의 id 값을 연결하여 사용합니다. 태그는 사용자가 데이터를 입력하면 목록에서 일치하는 데이터를 찾아서 자동완성 기능을 제공합니다. 태그는 선택 목록이 많을 ..