Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 단열
- 인증 및 세션관리
- network
- 고전게임기 만들기
- 인테리어
- 한컴오피스
- D330
- ubuntu
- 우분투
- c#
- 이보드
- 안드로이드
- 피들러
- 자바스크립트
- 네트워크
- Web Programming
- ASP.NET
- 윈도우 8
- fiddler
- WEB
- Lenovo D330-10igm
- D330-10igm
- 진단항목
- HTML5
- retropie
- 고전게임
- 셀프인테리어
- 보안
- 문자열
- 웹
Archives
- Today
- Total
Kinesis´s Open Document
HTML5 - 002. Mark, Time, Meter, Progress 본문
<!doctype html> <html> <head> <meta charset="utf-8"> <title>무제 문서</title> <style> h4 { margin: 0 0 10px; } </style> </head> <body> <!-- 참고를 위해 별도로 삽입 --> <table width="100%" style=" border:1px #CC0033 dashed; border-radius:10px; padding:20px;"> <tr><td colspan="4"><h4>Mark 요소</h4></td></tr> <tr><td>익스플로러</td><td>파이어폭스</td><td>크롬</td><td>사파리</td><td>오페라</td></tr> <tr><td>9.0 이상</td><td>4.0 이상</td><td>모두 지원</td><td>모두 지원</td><td>11.0 이상</td></tr> </table> <!-- 요까지 --> <p><mark>mark 요소</mark>는 특정 문구나 단어를 강조하고자 할 때 사용한다.</p> <p>시각적 효과를 위해서 <mark>CSS</mark>와 함께 사용해야 한다.</p> <!-- 참고를 위해 별도로 삽입 --> <table width="100%" style=" border:1px #CC0033 dashed; border-radius:10px; padding:20px;"> <tr><td colspan="4"><h4>Time 요소</h4></td></tr> <tr><td>익스플로러</td><td>파이어폭스</td><td>크롬</td><td>사파리</td><td>오페라</td></tr> <tr><td>미지원</td><td>미지원</td><td>미지원</td><td>미지원</td><td>미지원</td></tr> </table> <!-- 요까지 --> <p>현재 시간은 <time>14:00</time> 이다.</p> <p>광복절은 <time datetime="2013-08-15">8월 15일</time> 이다.</p> <!-- 참고를 위해 별도로 삽입 --> <table width="100%" style=" border:1px #CC0033 dashed; border-radius:10px; padding:20px;"> <tr><td colspan="4"><h4>Meter 요소</h4></td></tr> <tr><td>익스플로러</td><td>파이어폭스</td><td>크롬</td><td>사파리</td><td>오페라</td></tr> <tr><td>미지원</td><td>미지원</td><td>6.0 이상</td><td>미지원</td><td>11.0 이상</td></tr> </table> <!-- 요까지 --> <p>현재 디스크 사용률은 <meter min="0" max="100" low="20" high="90" value="95">95%</meter></p> <p>현재 디스크 사용률은 <meter min="0" max="100" low="20" high="90" value="55">55%</meter></p> <p>현재 디스크 사용률은 <meter min="0" max="100" low="20" high="90" value="15">15%</meter></p> <p>내가 꿈꾸던 목표까지의 진행율은 <meter min="0" max="100" optimum="60" value="48">48%</meter></p> <p>내가 꿈꾸던 목표까지의 진행율은 <meter min="0" max="100" optimum="60" value="68" title="68">68%</meter></p> <p>현재 다운로드 상태 : <progress min="0" max="100" value="72">72%</progress></p> </body> </html>
'MEMO/기술 자료 > HTML5' 카테고리의 다른 글
HTML5 - 001. 레이아웃 요소 (0) | 2012.09.03 |
---|