1. 시맨틱 블록 태그
1) <details>와 <summary>
2. 시맨틱 인라인 태그
1) <mark> - 중요한 텍스트임을 표시
2) <time> - 시간 정보임을 표시
3) <meter> - 주어진 범위나 %의 데이터 양 표시
4) <progress> - 작업의 진행 정도 표시
[ 코드 ]
<!DOCTYPE html>
<head>
<title>details와 summary 태그</title>
</head>
<body>
<h3>details와 summary 태그</h3>
<details>
<summary>질문</summary>
<p>라면을 끓일 때 제일 먼저 해야하는것은?</p>
</details>
<details>
<summary>정답</summary>
<p>물을 먼저 넣는다.</p>
</details>
</body>
</html>
[ 실행 화면]
'Web > HTML5' 카테고리의 다른 글
| HTML(12) 웹 폼 만들기 (0) | 2020.11.03 |
|---|---|
| HTML(10) HTML5 문서 구조화 연습 (0) | 2020.11.03 |
| HTML(9) 파일 다운로드 링크 만들기 (0) | 2020.11.03 |
| HTML(8) 하이퍼링크 만들기 (0) | 2020.11.03 |
| HTML(7) 태그로 이미지 삽입, 리스트 만들기<ol> (0) | 2020.11.03 |
댓글