HTML5-CSS/Online_Profile.html at master · ViGilanteAF/HTML5-CSS · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>온라인 프로필</title>
    <style>
      table,
      th,
      td {
        border: 1px solid black; /*1픽셀짜리 테두리*/
        border-collapse: collapse; /*중복되는 테두리를 한 줄로 표시*/
      }
      th,
      td {
        padding: 15px; /* 셀테두리와 내용 사이의 여백 */
      }
    </style>
  </head>
  <body>
    <figure>
      <img
        src="https://img2.quasarzone.com/editor/2020/07/01/9711282b6c09de3db173ca8c423f1eb4.jpg"
        alt="아이폰12"
      />
      <figcaption>
        아이폰 12 에서는 번들이어폰과 충전어뎁터가 사라질 전망이다.
      </figcaption>
    </figure>
    <h1>허상민</h1>
    <p>stronghu95@gmail.com</p>
    <h2>Who I am?</h2>
    <p>
      프론트 웹기술에 대해 많은 관심을 가지고 있으며 <br />
      현재 프론트 엔드 직군으로 구직중에 있습니다. <br />
    </p>
    <hr />
    <h2>Skill</h2>
    <ul>
      <li>
        사용언어
        <ul>
          <li><mark>HTML</mark></li>
          <li><mark>CSS</mark></li>
          <li>JavaScript</li>
          <li>Node.js</li>
        </ul>
      </li>
      <li>
        사용툴
        <ul>
          <li><b>Visual Studio Code</b></li>
          <li>Atom</li>
          <li>Eclips</li>
        </ul>
        <h2>Academic</h2>
        <table>
          <caption>
            학력 사항
          </caption>
          <thead>
            <tr>
              <th>출신학교</th>
              <th>전공</th>
              <th>기간</th>
              <th>졸업구분</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>ㅇㅇㅇ 고등학교</td>
              <td>(해당사항 없음)</td>
              <td>2001.3 ~ 2004.2</td>
              <td>졸업</td>
            </tr>
            <tr>
              <td>ㅁㅁ대학교</td>
              <td>컴퓨터공학</td>
              <td>2004.3 ~ 2008.2</td>
              <td>졸업</td>
            </tr>
          </tbody>
        </table>
      </li>
    </ul>
    <a href="http://easyspub.co.kr" target="_blank">내 홈페이지</a>
  </body>
</html>