<!DOCTYPE html>
<html lang="kor">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<details>
<summary>망나뇽</summary>
<ul>
<li><mark>프론트 엔드 개발자</mark></li>
<li>HTML + CSS + Javascript <meter value="0.8" max="1.0" title="80%"></meter></li>
<li>React <meter value="0.1" max="1.0" title="10%"></meter></li>
<li>node.js <meter value="0.1" max="1.0" title="10%"></meter></li>
<li>mySQL <meter value="0.2" max="1.0" title="20%"></meter></li>
<li>졸업과제 <progress value="2" max="10"></progress></li>
</ul>
</details>
<br>
<fieldset>
<legend>나는 어떤 사람인가요?</legend>
이름 : <input type="text" value="김예은"><br>
나이 : <input type="number" value="28"><br>
생일 : <input type="date" value="1996-12-28"><br>
좋아하는 시간 : <input type="time" value="17:10"><br>
좋아하는 색깔 : <input type="color" value="#FF80FF"><br>
좋아하는 포켓몬 : <input type="image" src="메타몽.png" alt="메타몽 버튼" style="width: 30px; height: 30px;">
<button type="button"><img src="이상해씨.png" alt="메타몽 버튼" style="width: 30px; height: 30px;"></button><br>
좋아하는 음식 : <select name="food">
<option value="1">쌀국수</option>
<option value="2">미역국</option>
<option value="3">초밥</option>
</select>
</fieldset>
</body>
</html>
1. 펼치기 전
2. 펼친 후