<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
img {
vertical-align: middle; <!-- 컨트롤 스페이스로 선택, 단축키는 단어 첫글자-->
}
table {
width: 500px;
border-top: 3px solid #aaa;
border-collapse: collapse;}
th {
padding: 10px;
background-color: #08f;
}
td { border-bottom: 2px solid #aaa;
text-align: center;
padding: 5px;}
</style>
</head>
<body>
<img src="bear.png" alt="곰돌이" />
<span> 오늘은 남은 인생이 시작되는 첫째날</span>
<h1>Student Lee</h1>
<p>
<br />클릭하면 이동합니다 ↑
</p>
<h1>Who I am?</h1>
<p>
프런트엔드 개발에 관심을 가지고 있습니다.
<br />현재는 웹 퍼블리싱 학습중입니다.
</p>
<hr />
<h1>Skills</h1>
<ul>
<li>
사용언어 (Language)
<ul>
<li><mark>HTML(형광색 적용)</mark></li>
<li><mark style="background-color: #08f">CSS(형광색 적용)</mark></li>
<li>JavaScript</li>
<li>jQuery</li>
<li><del>Java(취소선 적용)</del></li>
</ul>
</li>
</ul>
<ul>
<li>
사용 툴(Tool)
<ul>
<li>Photoshop</li>
<li><i>illustrator(기울임 글꼴)</i></li>
<li><b>Visual Studio Code(진한 글꼴)</b></li>
</ul>
</li>
</ul>
<hr />
<h1>학력사항</h1>
<table>
<tbody>
<tr>
<th>학교명</th>
<th>전공</th>
<th>기간</th>
<th>구분</th>
</tr>
<tr>
<td>A 고등학교</td>
<td>(해당사항 없음)</td>
<td>2001.3~2004.2</td>
<td>졸업</td>
</tr>
<tr>
<td>B 대학교</td>
<td>컴퓨터공학</td>
<td>2005.3~2007.5</td>
<td>재학중</td>
</tr>
</tbody>
</table>
</body>
</html>
'코딩 해보자' 카테고리의 다른 글
220706 FileZilla 사용하기 (0) | 2022.07.06 |
---|---|
220705 VSC로 HTML작업하기 (0) | 2022.07.06 |
220703 집에서 문제 풀이! (0) | 2022.07.03 |
220701 HTML 3일차 (0) | 2022.07.02 |
220629 HTML 1일차 (0) | 2022.06.30 |
댓글