예제 3-2. <figure> 태그 활용
WEB/HTML5-CONCEPT 2017. 11. 4. 18:40 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>figure 태그 활용</title> </head> <body> <h3>figure 태그 활용</h3> <hr> <figure id="1-1"> // figure은 본문에 삽인된 그림을 블록화하는 시맨틱 태그이다 <figcaption>alert() 함수 활용</figcaption> // <figcaption>태그는 제목 <pre> <code>function f() { alert("경고합니다"); }</code> </pre> <hr> <small>실행결과</small> <pre> <img src="media/alert.png" alt="실행결과"> </pre> </figure> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| P94 + P96 혼자하는 변형문제~ (0) | 2017.11.04 |
|---|---|
| 그림 2-4. P94 만들어보기. 브라우저 윈도우와 프레임 윈도우 사이의 계층 관계. (0) | 2017.11.04 |
| 예제 3-1. 구조화된 HTML5 문서 작성 (0) | 2017.11.04 |
| 예제 2-26. <audio> 태그로 오디오 삽입, <source> 태그 (0) | 2017.11.04 |
| 예제 2-25. <video> 태그로 비디오 삽입, <source> 태그 (0) | 2017.11.04 |