html을 활용하여 자기소개 페이지 만들기

html을 이용하여 간단하게 자기소개 페이지를 만들기로 하였다.

만들기 전에 구현을 쉽게 하기 위해서 그림판을 이용하여 내가 만들고 싶은 페이지의 틀을 구상하였다.

구상한 자기소개서 페이지

그림과 같이 구역을 설정해 주었고, 각 구역의 이름 설정해 주었다.

그림을 토대로 만든 자기소개서 페이지

코드

코드를 보면 div 태그를 사용하여 구역을 설정하였고, <p>, <span>, <ul> 태크를 이용하여 세부 설명을 적기 위한 구역을 나누어 주었다.

지금 만든 페이지는 <div>태그를 사용하여 제작하였으나,  조만간 html5에 추가된 시메틱요소를 활용하여 다시한번 제작해볼 예정입니다.

다음에는 css를 사용하여 꾸미기를 해보겠습니다.