'details 태그'에 해당하는 글 1건

HTML <details> 태그 추가적인 설명 태그(On-demand Control) - <details> HTML 태그는 웹페이지의 내용을 보거나 숨길 수있는게 설정할 수 있습니다.

HTML 태그 2012. 9. 17. 23:36

HTML <details> 태그 : 추가적인 설명 태그(On-demand Control)

<details> HTML 태그는 웹페이지의 세부 정보나 일부에 대해 설명하고자 할때 사용하며 내용을 숨기거나 보여지게 설정할 수 있습니다.
글 내용중 제목을 클릭하여 내용을 보이게 안보이게 하려면 HTML5의 <summary> 태그와 함께 사용하면 됩니다.
열린 속성이 설정되어 있지 않으면 <details> 내용은 볼 수 없습니다.

HTML5에서 새로 추가된 태그 입니다.

<details> 태그 예제

					
					
<html>
 <head>
    <title>html details 태그 예제샘플</title>
 </head>
 <body>
   <h1>details 태그의 예제샘플입니다</h1>
   <p>

    <details>
     <summary>과일 사과 레포트</summary>
    사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
     </details> 

</body>
</html>

[예제 결과보기및 소스코드 수정하기]

<details> 관련 태그

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

HTML <div> 태그 블럭 태그(Division) - HTML의 <DIV> 태그는 문서의 섹션을 정의합니다.  (0) 2012.09.17
HTML <dfn> 태그 용어정의 태그(Defining Instance of a Term) - HTML <dfn> 태그는 웹 페이지에 용어를 정의하는 데 사용됩니다.  (0) 2012.09.17
HTML <del> 태그 삭제된 텍스트 태그(Deleted Text) - HTML의 <del> 태그는 삭제 된 텍스트를 정의합니다.  (0) 2012.09.17
HTML <dd> 태그 정의 목록 태그(Definition in a Definition List) - HTML의 <dd> 태그는 정의 목록에서 용어에 대한 설명하는 데 사용됩니다.  (0) 2012.09.17
HTML <datalist> 태그 옵션 목록 태그(List of Predefined Options) - <datalist> 태그는 입력 값의 드롭 다운 목록과 같은 선택 데이터의 목록을 정의하는 데 사용됩니다.  (0) 2012.09.17
WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
,