본문 바로가기

Webstoryboy

Category

Explanation

HTML

(126)
[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 값을 연결하여 사용합니다. 태그는 사용자가 데이터를 입력하면 목록에서 일치하는 데이터를 찾아서 자동완성 기능을 제공합니다. 태그는 선택 목록이 많을 ..
[HTML] <data> 태그는 주어진 요소의 데이터 값을 설정합니다. 태그는 주어진 요소의 데이터 값을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 - 사용성 정의(Definition) 태그는 주어진 요소의 데이터 값을 설정합니다. 태그는 주어진 콘텐츠 값이 시간과 관련되어 있다면 태그를 사용합니다. 속성(Property) 속성 값(예) 설명 버전 value value = "344" 콘텐츠의 속성 값을 설정합니다. 예제1(Sample) 데이터 값을 설정하는 예제입니다. 가장 많이 쓰는 언어! 베스트 C Python Java JavaScript PHP HTML CSS SCRIPT 가장 많이 쓰는 언어! 베스트 C Python Java JavaScript PHP /..
[HTML] <colgroup> 태그는 표의 열을 묶는 그룹을 설정합니다. 태그는 표의 열을 묶는 그룹을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 표의 열을 묶는 그룹을 설정합니다. 태그는 요소에 속하는 각 열의 속성을 설정합니다. 태그의 align 속성은 HTML5에서 지원하지 않습니다. 테이블과 관련된 태그 및 속성(Table Related Tags and Property) 태그는 표를 설정합니다. 태그는 표의 제목을 설정합니다. 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표의 본문 영역을 그룹화합니다. 태그는 표의 푸터 영역을 그룹화합니다. 태그는 표의 행을 설정합니다. 태그는 표의 열(셀)을 설정합니다. ..
[HTML] <col> 태그는 요소에 속하는 각 열의 속성을 설정합니다. 태그는 요소에 속하는 각 열의 속성을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 닫는 태그 사용( ~ ) 버전 HTML4 사용성 정의(Definition) 태그는 요소에 속하는 각 열의 속성을 설정합니다. 태그의 align 속성은 HTML5에서 지원하지 않습니다. table과 관련된 태그(Flex Related Tags) 태그는 표를 설정합니다. 태그는 표의 제목을 설정합니다. 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표의 본문 영역을 그룹화합니다. 태그는 표의 푸터 영역을 그룹화합니다. 태그는 표의 행을 설정합니다. 태그는 표의 열(셀)을 설정합니다. 태그는 행이나 열에 타이틀을 설정합니다. 태그는 표의 열을 ..
<code> 태그는 컴퓨터 소스 코드를 표현할 때 설정합니다. 태그는 컴퓨터 소스 코드를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 monospace 글꼴 사용성 ★★☆☆☆ 정의(Definition) 태그는 컴퓨터 소스 코드를 표현할 때 설정합니다. 태그는 브라우저의 기본 글꼴 및 고정 폭으로 표현됩니다. CSS를 설정하면 기본 글꼴은 무시됩니다. 태그는 사용시 화면 여백을 그대로 표현하기 위해서 태그와 같이 사용합니다. 비교(Compare) 컴퓨터 소스 코드를 나타내는 텍스트는 태그를 사용합니다. 수학적인 변수나 프로그램의 변수를 나타내는 텍스트는 태그를 사용합니다. 컴퓨터 프로그램으로 출력된 결과물을 나타내는 텍스트는 태그..
<cite> 태그는 저작물의 출처 표기를 설정합니다. 태그는 저작물의 출처 표기를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 이탤릭체 사용성 ★★★☆☆ 정의(Definition) 태그는 저작물의 출처 표기를 설정하며, 제목을 포함합니다. 태그는 책, 시, 악보, 대본, 노래, 영화, TV 프로그램, 게임, 회화, 연극, 오페라, 전시회, 뮤지컬, 컴퓨터 프로그램 사이트, 웹 페이지, 블로그, 포럼게시물, 트윗등 작품의 제목 인용에 사용합니다. 태그는 이탤릭체로 표현이 되며, 원하지 않으면 font-style: normal;로 설정 가능합니다. 비교(Compare) 짧은 인용문을 설정 한다면 태그를 사용합니다. 긴 인용문을 설정 한다면 태..
<center> 태그는 텍스트를 가운데 정렬합니다. CSS 속성이 기능을 대신하고 있기 때문에 현재는 사용하지 않습니다. 태그는 텍스트를 가운데 정렬합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용( ~ ) 버전 HTML4(HTML5에서 지원하지 않습니다.) 시각적 표현 가운데 정렬 사용성 ☆☆☆☆☆ 정의(Definition) 태그는 가운데 정렬을 할 때 사용합니다. 태그는 HTML5에서 지원하지 않습니다. 대신 CSS를 사용합니다. 인라인 구조에서 가운데 정렬은 CSS의 text-align : center를 사용합니다. 블록 구조에서 가운데 정렬은 CSS의 margin: 0 auto를 사용합니다. display: flex와 dispaly: grid를 통해서도 가운데 정렬이 가능합니다. 예제..
<caption> 태그는 표의 제목을 설정합니다. 테이블 제작시 접근성 향상을 위한 제목을 적어주어야 합니다. 태그는 표의 제목을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 가운데 정렬 사용성 ★★★☆☆ 정의(Definition) 태그는 표의 제목을 설정합니다. 태그는 기본적으로 가운데 정렬로 표시됩니다. align 속성은 HTML5에서 지원되지 않습니다. table과 관련된 태그(table Related Tags) 태그는 표를 설정합니다. 태그는 표의 제목을 설정합니다. 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표의 본문 영역을 그룹화합니다. 태그는 표의 푸터 영역을 그룹화합니다. 태그는 표의 행을 설정합니다. 태그는 표의 열(셀)을 ..
<canvas> 태그는 비트맵 방식의 그림을 설정합니다. canvas API와 WebGL API를 통해 그래픽과 애니메이션을 만듭니다. 태그는 비트맵 방식의 그림을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 기본적 버튼 디자인(브라우저마다 다름) 사용성 ★★★★☆ 정의(Definition) 태그는 비트맵 방식의 그림을 설정합니다. 태그는 canvas API와 WebGL API를 통해 그래픽과 애니메이션을 만듭니다. 태그는 태그와 달리 닫는 태그를 사용해야 합니다. 태그는 자바스크립트를 사용하여 설정합니다. 태그의 크기는 CSS를 통해 설정할 수 있지만, 렌더링을 통해 이미지 크기가 변경되어 왜곡 될 수 있습니다. 비교(Compare) 태그는 비..
<button> 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다. 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 기본적 버튼 디자인(브라우저마다 다름) 사용성 ★★★★☆ 정의(Definition) 태그는 클릭 할 수 있는 버튼을 정의할 때 사용합니다. 태그는 데이터를 전송하기 위한 버튼이라면 type 속성을 설정해야합니다. 태그는 CSS를 통해 버튼 디자인 작업을 할 수 있습니다. 속성(Property) 속성 값(예) 설명 버전 autofocus autofocus 페이지가 로드한 후 자동으로 포커스를 설정합니다. disabled disabled 버튼을 비활성화 합니다. - form form="fo..
<br> 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 미적용( ) 버전 HTML4 시각적 표현 - 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트 줄바꿈이 필요할 때 사용합니다. 여백이 필요할 때 태그의 사용은 적절치 않으며, CSS 속성 중에 margin, padding 또는 line-height를 사용합니다. HTML4에서는 태그 작성시 슬러시('/')가 필요하지만, HTML5에서는 의무적인 사항은 아니기 때문에 생략도 가능합니다. 비교(Compare) 텍스트 줄바꿈을 원하다면, 태그를 사용합니다 텍스트 줄바꿈 할 지점을 원하다면 태그를 사용합니다. 예제1(Sample) 줄바꿈을 설정..
[HTML] <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 문서에서 한 번만 사용됩니다. 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 특징 설명 요소 블록 요소(block Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 - 사용성 ★★★★★ 정의(Definition) 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 태그는 문서에서 한 번만 사용됩니다. 비교(Compare) 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹..
[HTML] <blink> 태그는 텍스트를 깜박이게 설정합니다. 현재는 사용하지 않으며 오래된 태그입니다. 이 기능은 CSS Animation이 대신 할 수 있습니다. 태그는 텍스트를 깜박이게 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4(HTML5에서 지원하지 않습니다.) 시각적 표현 글씨가 깜박임 사용성 ☆☆☆☆☆ 정의(Definition) 태그는 텍스트를 깜박이게 합니다. 태그는 현재 사용하지 않으며, 오래된 태그입니다. CSS Animation을 통해 깜박임 효과를 구현 할 수 있습니다. 예제1(Sample) 깜박이게 설정하는 예제입니다. 현재는 작동하지 않습니다. blink 태그는 깜박이게 설정합니다. 현재는 사용하지 않으며 오래된 태그입니다. HTML CS..
[HTML] <blockquote> 태그는 긴 문장의 인용문을 설정합니다. 인용된 정보 출처는 cite 속성을 통해 설정합니다. 태그는 긴 문장의 인용문을 설정합니다. 특징 설명 요소 블록 요소(block Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 여백이 생김 사용성 ★★★☆☆ 정의(Definition) 인용(quotation)을 표현하는 태그는 태그와 태그가 있습니다. 태그는 전체 문장에 해당하는 긴 인용문에 사용합니다. 태그는 인용된 정보 출처는 cite 속성을 통해 설정합니다. 태그를 사용하면 자동으로 여백이 생깁니다. 여백이 목적이라면 CSS를 사용합니다. 태그는 블록 요소이며, 태그는 인라인 요소입니다. , 태그를 같이 사용하여, 인용문을 더 정확하게 사용할 수 있습니다. 비교(Compare) 짧은 인용..
[HTML] <big> 태그는 텍스트의 크기를 크게 설정합니다. CSS가 그 기능을 대신하기 때문에 현재는 사용하지 않는 태그입니다. 태그는 텍스트의 크기를 크게 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4(HTML5에서 지원하지 않습니다.) 시각적 표현 - 사용성 ☆☆☆☆☆ 정의(Definition) 태그는 글씨 크기를 크게 해주지만 CSS가 그 기능을 대신하기 때문에 HTML5에서는 지원하지 않습니다. 비교(Compare) 글씨를 특별한 이유로 평범한 글자와 구분하기 위해서는 태그를 사용합니다. 글씨를 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 태그를 사용합니다. 글씨를 강조하고 싶다면 태그를 사용합니다. 글씨의 중요성을 강조하고 싶다면 태..
[HTML] <bdo> 태그는 텍스트의 방향을 설정합니다. 텍스트의 읽는 방향이 다른 나른 언어를 위해 사용합니다. 태그는 텍스트의 방향을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML5 시각적 표현 - 사용성 ★☆☆☆☆ 정의(Definition) 태그는 텍스트의 방향을 설정합니다. 태그는 텍스트의 읽는 방향이 다른 나른 언어를 위해 HTML5에서 새로 생긴 태그입니다. 태그는 CSS를 통해 텍스트의 방향(unicode-bidi)을 설정할 수 있습니다. 태그는 dir 속성을 같이 사용하여 방향을 설정합니다. 비교(Compare) 태그는 텍스트의 방향을 자동으로 설정합니다. 태그는 텍스트의 방향을 설정합니다. direction 속성은 콘텐츠 요소의 방향을 설정합니다...
[HTML] <bdi> 태그는 텍스트의 출력 방향 영역을 설정합니다. 일반적인 글은 왼쪽에서 오른쪽으로 읽지만, 아랍어나 히브리어는 오른쪽에서 왼쪽으로 읽을 때 사용합니다. 태그는 텍스트의 출력 방향 영역을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML5 시각적 표현 - 사용성 ★☆☆☆☆ 정의(Definition) 태그는 텍스트의 출력 방향 영역을 설정합니다. 일반적인 글은 왼쪽에서 오른쪽으로 읽지만, 아랍어나 히브리어는 오른쪽에서 왼쪽으로 읽을 때 태그를 사용합니다. 태그는 텍스트의 읽는 방향이 다른 언어를 위해 HTML5에서 새로 생긴 태그입니다. 태그는 텍스트 표기 방향을 자동으로 인식하고 제어를 합니다. 태그는 CSS를 통해 텍스트의 방향(unicode-bi..
[HTML] <basefont> 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 지금은 CSS에서 이 기능을 구현하기 때문에 현재는 사용하지 않습니다. 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 Self-closing() 버전 HTML4(HTML5에서 지원하지 않습니다.) 시각적 표현 - 사용성 - 정의(Definition) 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 태그는 섹션 안에 설정합니다. 는 HTML5에서 지원되지 않으며, 그 기능은 CSS가 대신 합니다.(font, font-family, font-size, font-size-adjust, font-style, font-variant, font-weight, @font-face..
[HTML] <base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다. 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고 사이트(Reference) MDN W3
[HTML] <b> 태그는 다른 텍스트와 구별 할 때 설정합니다. 텍스트는 굵게 표시되지만, 중요성을 강조하지 않으며, 텍스트를 굵게 설정하기 위해서 사용하지 않습니다. 태그는 다른 텍스트와 구별 할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML4 시각적 표현 볼드체 사용성 ★★☆☆☆ 정의(Definition) 태그는 텍스트의 중요성과 관련성을 전달하지 않고, 다른 텍스트와 구별 할 때 설정합니다. 태그는 일반적으로 키워드, 제품의 리뷰, 기사 리드문 등에 사용합니다. 태그는 태그는 제목 요소로 사용하지 않습니다. 제목 요소는 ~ 태그를 사용합니다. 태그는 , , 에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다. 태그는 단순하게 ..
[HTML] <audio> 태그는 오디오 파일을 설정합니다. 태그는 오디오 파일을 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용( ~ ) 버전 HTML5 시각적 표현 - 사용성 ★★☆☆☆ 정의(Definition) 태그는 오디오 파일을 설정합니다. 태그는 오디오 파일을 재생할 때 src 속성 또는 태그를 사용합니다. 태그는 controls 속성이 지정되지 않으면, 시각적인 표시가 없으며, 이 경우 브라우저의 기본 컨트롤이 표시됩니다. 기본 컨트롤러에는 테두리(border), 굴곡(border-radius), 간격(padding, margin) 등을 설정할 수 있습니다. 오디오 플레이어 개별 구성 요소(버튼, 아이콘, 글꼴 등)는 스타일을 지정할 수 없으며, 컨트롤 디자인은 브라우저마다 다릅니..
[HTML] <aside> 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용( ~ ) 버전 HTML5 시각적 표현 - 사용성 ★★★★★ 정의(Definition) 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 태그는 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 섹션 관련 요소(Section Related Elements) 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다. 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다...
<article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 독립적인 컨텐츠에는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등이 있으며, 각각의 컨테츠에는 제목(~)이 표시되어야 합니다. 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용( ~ ) 버전 HTML5 시각적 표현 - 사용성 ★★★★★ 정의(Definition) 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 태그는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등 콘텐츠의 독립적인 항목을 나타냅니다. 태그는 독립적인 컨텐츠의 내용이 명시적으로 나열되고, 각각의 컨테츠에는 제목(~)이 표시되어야 합니다. 은 하나의 주제를 나타낸다면, 은 주제를 묶는 독립적인 콘텐츠를 ..
1 2 3 4 5