예제 3-4. 시맨틱 인라인 태그
WEB/HTML5-CONCEPT 2017. 11. 4. 18:43 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <title>인라인 시맨틱 태그</title></head> <body> <h3>인라인 시맨틱 태그 사례</h3> <hr> <p>내일 <mark>HTML5 시험</mark><br> // <mark> 중요한 텍스트임을 블록화로 표시 시간은 <time>09:00</time><br> // <time> 시간정보임을 표시 난이도 <meter value="0.8">80%</meter><br> // <meter> 주어진 범위나 %의 데이터 양을 표시 자료 업로딩(20%) <progress value="2" max="10"></progress><br> // <progress> 작업의 진행 정도 표시 </p> </body> </html> | cs |
'WEB > HTML5-CONCEPT' 카테고리의 다른 글
| 예제 3-6. 텍스트 입력, <input type="text | password">,<textarea> (0) | 2017.11.04 |
|---|---|
| 예제 3-5. 간단한 로그인 폼 만들기 (0) | 2017.11.04 |
| 예제 3-3. 시맨틱 블록 태그 <details>와 <summary> (0) | 2017.11.04 |
| P94 + P96 혼자하는 변형문제~ (0) | 2017.11.04 |
| 그림 2-4. P94 만들어보기. 브라우저 윈도우와 프레임 윈도우 사이의 계층 관계. (0) | 2017.11.04 |