<!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>
</head>
<style>
div {vertical-align: top;}
table { width: 400px;
height: 100px;
border-collapse: collapse;
}
th {
background-color: #08f;}
th, td {
text-align: center;
}
th:first-child , td:first-child{
border-left: none;
}
td { border-top: 2px solid #aaa;
border-bottom: 2px solid #aaa;
}
</style>
<body>
<div><img src="bear.png" align=middle > 오늘은 남은 인생이 시작되는 첫째날<p></div>
<h1>Student Lee</h1>
<p>클릭하면 이동합니다. ↑ </p>
<h2>Who I am?</h2>
<p>프런트엔드 개발에 관심을 가지고 있습니다</p>
<p>현재는 웹퍼블리싱 학습중입니다.</p>
<hr />
<h2>Skills</h2>
<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>
<br>
</li>
<li>사용 툴(Tool)<ul>
<li>Photoshop</li>
<li><i>illustrator(기울임 글꼴)</i></li>
<li><b>Visual Studio Code(진한 글꼴)</b></li>
</ul>
<hr />
<h2>학력 사항</h2>
<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>
</tr>
</tbody>
</table>
</body>
</html>
'코딩 해보자' 카테고리의 다른 글
220705 VSC로 HTML작업하기 (0) | 2022.07.06 |
---|---|
220704 문제 풀이 (0) | 2022.07.04 |
220701 HTML 3일차 (0) | 2022.07.02 |
220629 HTML 1일차 (0) | 2022.06.30 |
220625 객체 마스터하기 (0) | 2022.06.26 |
댓글