728x90
반응형
details 요소와 summary요소
세부 항목이나 추가 정보를 숨겨 놓았다가 펼쳐서 보여줄 수 있는 기능입니다.
세부 항목의 제목이나 요약 내용입니다.
<body>
<h1>안녕하세요 on sunday</h1>
<details>
<summary>on sunday의 tistory입니다.</summary>
<ul>
<li>1,2,3 - 하루</li>
<li>여행 슝</li>
<li>IT</li>
</ul>
</details>
</body>
안녕하세요 on sunday
on sunday의 tistory입니다.
- 1,2,3 - 하루
- 여행 슝
- IT
progress요소는 진행 상황같은 내용을 나타낼 때 사용하며
meter요소는 정해져 있는 범위의 값에서 현재 상태의 값을 나타낼 때 사용됩니다.
value는 현재 값을 의미합니다.
<h1>안녕하세요 on sunday</h1>
<p>티스토리 로딩중 : <progress max="100"><span>0</span>%</progress></p>
<h2>로딩 상황</h2>
<p>하루 게시판 로딩상황: <meter min="0" max="100" value="20" low="30" high="65" title="precentent">20%</meter></p>
<p>여행 게시판 로딩상황: <meter min="0" max="100" value="60" low="30" high="65" title="precentent">60%</meter></p>
<p>IT 게시판 로딩상황: <meter min="0" max="100" value="70" low="30" high="65" title="precentent">70%</meter></p>안녕하세요 on sunday
티스토리 로딩중 :
로딩 상황
하루 게시판 로딩상황:
여행 게시판 로딩상황:
IT 게시판 로딩상황:
728x90
반응형
'IT > html + css' 카테고리의 다른 글
| [CSS] background 속성 (0) | 2020.01.01 |
|---|---|
| [css] CSS 기본 속성 (0) | 2019.12.31 |
| [html] form 요소 (0) | 2019.12.27 |
| [html] 표 만드는 table태그 (0) | 2019.12.19 |
| [html] a 링크, a 태그 만들기 - 새창으로 이동 속성 (0) | 2019.12.18 |
댓글