시 페이지 만들기 (기본요소 활용)
<!DOCTYPE html> html5 선언
<html>
<head> 문서의 정보. 출력되지 않음. 외부파일 링크 등
<meta charset="UTF-8">
<title>Insert title here</title>
<div style="padding:10px 500px 100px 500px;"> 위 오른쪽 아래 왼쪽 여백 설정
</head>
<body style="text-align:center", bgcolor="#FFFFF0"> 가운데 정렬, 배경색 설정
<img src="https://cdn.pixabay.com/photo/2021/02/12/02/55/glow-6007066__340.jpg" width="100%" height="250px"/> 이미지 링크 삽입, 크기 설정
<p><b> 네가 좋아하는 영화의 주인공이 되고 싶었다 </b></p> p:문단설정, b:강조 (볼드체)
<p style="text-align:right">이정하 </p> 오른쪽 정렬
<p>아는가, 네가 있었기에<br> br: 줄바꿈
평범한 모든 것이 빛나 보였다</p>
<p>네가 좋아하는 영화의 주인공이 되고 싶었다<br>
네가 웃을 때 난 너의 미소가 되고 싶었으며<br>
네가 슬플 때 난 너의 눈물이 되고 싶었다<br>
네가 보는 모든 시선 속에 난 서있고 싶었으며<br>
네가 간혹 들르는 카페의 찻잔이 되고 싶었다<br>
때로 네 가슴 적시는 피아노 소리도 되고 싶었다</p>
<p>아는가, 떠난지 오래지만<br>
너의 여운이 아직 내 가슴에 남아 있는 것처럼<br>
나도 너의 가슴 한 귀퉁이를 차지하고 싶었다<br>
사랑하리라 사랑하리라며<br>
내 가슴에 저무는<br>
한 줄기 황혼이고 싶었다</p>
</body>
</html>