지금까지 배운 HTML로 UI는 신경쓰지 않고 HTML로 간단한 자기소개 페이지 만들어보겠음
<!DOCTYPE html>
<html lang="en">
<head>
<title>이도서의 간단한 자기소개 페이지 만들기</title>
</head>
<body>
<h2>안녕하세요 이도서입니다.</h2>
<h3>자기소개</h3>
<p>저는 React 개발자를 꿈꾸는 개발자입니다.</p>
<h3>보유 기술</h3>
<ul>
<li>Swift</li>
<li>Flutter</li>
<li>HTML 학습중</li>
<li>JavaScript 학습중</li>
<li>React 학습중</li>
</ul>
<h3>연락처</h3>
<p>Email : <a href="이메일 비공개">이메일 비공개</a></p>
<!-- 이미지는 구현 x -->
<h3>프로필 사진</h3>
<img src="profile.jpg" alt="내 사진" width="200" height="300" />
<h3>노션 링크</h3>
<a
href="노션링크 비공개"
target="_blank"> <!-- 새 탭에서 이동 -->
내 노션 링크</a>
</body>
</html>
'React > HTML & CSS' 카테고리의 다른 글
| [HTML/CSS] 자기소개 페이지 꾸며보기 (0) | 2025.11.26 |
|---|---|
| [HTML] form태그와 input태그 (0) | 2025.11.21 |
| [HTML] div, span 태그 & 클래스와 아이디 (0) | 2025.11.21 |
| [HTML] 태그 (0) | 2025.11.20 |
| [HTML] 웹 문서의 기본 구조 (0) | 2025.11.20 |