'd로시작하는html태그'에 해당되는 글 1건

  1. 2010.04.04 HTML태그(Tag) - D로시작하는 태그

HTML태그(Tag) - D로시작하는 태그

HTML태그 2010. 4. 4. 11:01

 

<DD>

DD 요소는 정의 리스트(Definition List)에서 각 항목을 기술할 때 사용합니다.

구문: <DD>..</DD>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <DL>

<DT><A NAME="spanning-tree">메타 데이터</A></DT>
<DD>
<P>
웹 검색 엔진이나 사이트 관리에 유용한 정보로 <BR>
메타 데이터를 지정하면 문서 헤더에 메타 태그가 삽입됩니다.
</P>

<DL>
<DT>핵심어</DT>
<DD>
검색 엔진이 문서를 내용에 따라 분류하는 데 사용됩니다.
</DD>
<DT>설명(description)</DT>
<DD>
설명 메타 태그는 문서의 내용을 간단하게 설명하는 데 사용합니다.
</DD>
</DL>
</DD>

</DL>
위 예제는 중첩적 정의 리스트를 만든 예제입니다. DL 요소로 정의 리스트를 선언하고, DT 요소로 정의하려는 용어를, DD 요소로 해당 용어에 대한 설명을 기술합니다. 한 용어는 관련된 여러 개의 정의를 가질 수 있으며, 하나의 정의 또한 여러 개의 용어를 가질 수 있습니다.
메타 데이터

웹 검색 엔진이나 사이트 관리에 유용한 정보로
메타 데이터를 지정하면 문서 헤더에 메타 태그가 삽입됩니다.

핵심어
검색 엔진이 문서를 내용에 따라 분류하는 데 사용됩니다.
설명(description)
설명 메타 태그는 문서의 내용을 간단하게 설명하는 데 사용합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • DD 요소의 닫는 태그는 선택적이지만, 스타일 시트와 같이 사용할 때 발생하는 웹 브라우저 상의 문제를 방지하기 위해 닫는 태그를 사용하는 것이 좋습니다.

 

<DEL>

DEL 요소는 문서의 버전이 바뀔 때 삭제된 내용을 표시하기 위해 사용합니다. 단순히 가운데 줄이 그어진 텍스트를 표시하려고 할 때는 STRIKE 요소를 사용하며, 삭제의 의미를 표시할 때 DEL 요소를 사용합니다.

구문: <DEL>...</DEL>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
cite URI 내용이 삭제된 원인에 대한 정보를 가진 URI를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
datetime Datetime 삭제된 날짜와 시간을 표시합니다. 속성값은 대소문자를 구분하며, YYYY-MM-DDThh:mm:ssTZD 형태로 기술합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <DEL>용준</DEL> 승헌이는 나와 가장 친한 친구입니다.
DEL 요소를 적용한 부분은 웹 브라우저에서 가운데 줄이 그어져 표시됩니다.
용준 승헌이는 나와 가장 친한 친구입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 4, NN 6.2, HTML 4

참고

  • DEL 요소는 HTML 4.01에서 권장하지 않는(deprecated) 요소로서 이를 대신하여 스타일 시트의 text-decoration 속성을 사용하도록 권장하고 있습니다.

 

<DFN>

DFN 요소는 용어에 대한 정의를 나타낼 때 사용합니다.

구문: <DFN>...</DFN>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P><DFN>외부 스타일 시트</DFN>는 내부 스타일 시트와 달리 별도의 파일에 저장되며,
여러 웹 페이지에 영향을 줄 수 있다.</P>
DFN 요소를 적용한 부분은 웹 브라우저에서 이탤릭체로 표시됩니다. 스타일 시트를 이용하면 다르게 표시할 수도 있습니다.

외부 스타일 시트는 내부 스타일 시트와 달리 별도의 파일에 저장되며, 여러 웹 페이지에 영향을 줄 수 있다.


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • DFN 요소는 구문 요소(Phrase Element)로서 용어의 정의라는 의미를 지니고 있으므로, 단순히 텍스트를 이탤릭체로 표시하려고 할 때에는 I 요소를 사용하는 것이 좋습니다.

 

<DIR>

DIR 요소는 디렉토리 리스트(Directory List)를 정의할 때 사용합니다.

구문: <DIR>...</DIR>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
compact compact 항목을 간단하게 표시합니다. 웹 브라우저에서는 차이가 없습니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <P>생일 파티에 초대할 친구들</P>
<DIR>
<LI>조미경</LI>
<LI>이영주</LI>
<LI>송미진</LI>
<LI>전지혜</LI>
</DIR>
DIR 요소는 디렉토리 리스트(Directory List)를 선언할 때 사용하며, 리스트의 실제 항목은 LI 요소로 기술합니다. type 속성을 사용할 수 없는 점을 제외하고는 UL 요소와 동일합니다.

생일 파티에 초대할 친구들

  • 조미경
  • 이영주
  • 송미진
  • 전지혜

    • 지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML all

    참고

    • HTML 4.01에서는 DIR 요소 대신 UL 요소를 사용할 것을 권장합니다.

     

    <DIV>

    DIV 요소는 의미와 상관없이 자유롭게 사용 가능한 블록 요소(Block Element)로, 스타일 시트를 적용하거나 정렬 방식을 지정할 때 주로 사용합니다. DIV 요소는 class, id, lang 속성과 같이 사용하면 효율적입니다. 예를 들어 class=navbar라고 지정하면 스타일 시트를 사용하여 사이트 전체의 모든 내비게이션 바의 모양을 쉽게 바꿀 수 있습니다.

    구문: <DIV>...</DIV>

    닫는 태그: 필요

    속성

    볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

    속성 값 내용
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에서 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    align left
    center
    right
    justify    		 정렬 방법을 지정합니다. 기본값은 left입니다.

    예제

     <DIV align="center">
<B>스타일 활용</B>
<P>특정 영역에 스타일을 적용하면 보다 쉽게 유지 관리할 수 있습니다.</P>
</DIV>
    DIV 요소를 이용하여 특정 영역을 가운데 정렬한 예제입니다.
    스타일 활용

    특정 영역에 스타일을 적용하면 보다 쉽게 유지 관리할 수 있습니다.


    지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML 3.2

    참고

    • DIV 요소와 동일한 역할을 하는 인라인 요소(Inline Element)로는 SPAN 요소가 있습니다.

     

    <DL>

    DL 요소는 정의 리스트(Definition List)를 만들 때 사용합니다. 정의 리스트를 선언할 때 DL 요소를 사용하며 각각의 항목은 DT 요소와 DD 요소에서 기술합니다.

    구문: <DL>...</DL>

    닫는 태그: 필요

    속성

    볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

    속성 값 내용
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에서 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    compact compact 항목을 간단하게 표시합니다. 웹 브라우저에서는 차이가 없습니다.

    예제

     <DL>
<DT>인라인 요소</DT>
<DD>
<P>요소 앞과 뒤에 줄 바꿈을 하지 않는 요소로
인라인 요소는 문단과 같은 블록 요소 내에서만 존재할 수 있습니다.
가장 일반적인 인라인 요소로는 그림과 폼필드가 있습니다.</P>
</DD>
</DL>
    DL 요소로 정의 리스트를 선언하고, DT 요소로 정의하려는 용어를, DD 요소로 해당 용어에 대한 설명을 기술합니다. 한 용어는 관련된 여러 개의 정의를 가질 수 있으며, 하나의 정의 또한 여러 개의 용어를 가질 수 있습니다.
    인라인 요소

    요소 앞과 뒤에 줄 바꿈을 하지 않는 요소로 인라인 요소는 문단과 같은 블록 요소 내에서만 존재할 수 있습니다. 가장 일반적인 인라인 요소로는 그림과 폼필드가 있습니다.


    지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML all



     

    <DT>

    DT 요소는 정의 리스트(Definition List)에서 용어를 정의할 때 사용합니다. DT 요소에서 정의한 용어에 대한 설명은 DD 요소에서 기술합니다.

    구문: <DT>...</DT>

    닫는 태그: 선택

    속성

    볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

    속성 값 내용
    class ClassName CSS의 class 선택자를 지정합니다.
    compact compact 항목을 간단하게 표시합니다. 웹 브라우저에서는 차이가 없습니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에서 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

    예제

     <DL>
<DT><A name="inline-element">인라인 요소</A></DT>
<DD>
<P>요소 앞과 뒤에 줄 바꿈을 하지 않는 요소로
인라인 요소는 문단과 같은 블록 요소 내에서만 존재할 수 있습니다.
가장 일반적인 인라인 요소로는 그림과 폼필드가 있습니다.</P>
</DD>
</DL>
    DL 요소로 정의 리스트를 선언하고, DT 요소로 정의하려는 용어를, DD 요소로 해당 용어에 대한 설명을 기술합니다. 한 용어는 관련된 여러 개의 정의를 가질 수 있으며, 하나의 정의 또한 여러 개의 용어를 가질 수 있습니다.
    인라인 요소

    요소 앞과 뒤에 줄 바꿈을 하지 않는 요소로 인라인 요소는 문단과 같은 블록 요소 내에서만 존재할 수 있습니다. 가장 일반적인 인라인 요소로는 그림과 폼필드가 있습니다.


    지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML all


    ※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - B로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - C로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - E로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - F로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - H로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,
    1
    굿프랜

    태그목록

    티스토리툴바