예제 3-3. 시맨틱 블록 태그 <details>와 <summary>
WEB/HTML5-CONCEPT 2017. 11. 4. 18:42 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <head> <title>details와 summary 태그</title></head> <body> <h3>details와 summary 태그</h3> Q & A 리스트 <hr> <details> // 상세 정보를 담는 시맨틱 블록 태그, 화면에 핸들(▶) 나타난다. <summary>Question 1</summary> // <summary> 태그는 블록의 제목을 나타낸다. <p>웹 개발자가 알아야 하는 언어 3 가지?</p> </details> <details> <summary>Answer 1</summary> <p>HTML5, CSS, Javascript</p> </details> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-5. 간단한 로그인 폼 만들기 (0) | 2017.11.04 |
|---|---|
| 예제 3-4. 시맨틱 인라인 태그 (0) | 2017.11.04 |
| P94 + P96 혼자하는 변형문제~ (0) | 2017.11.04 |
| 그림 2-4. P94 만들어보기. 브라우저 윈도우와 프레임 윈도우 사이의 계층 관계. (0) | 2017.11.04 |
| 예제 3-2. <figure> 태그 활용 (1) | 2017.11.04 |