완성된 연습용 홈페이지 _1 라푼젤에 관하여 (HTML, CSS)

연습용 홈페이지를 만들고 싶은데 막상 무슨 주제로 하지.. 하다가 처음은 쉽게 어떤 인물이나 캐릭터의 정보를 표시하는 홈페이지를 작성했습니다. 완전 기본으로 이루어진 홈페이지죠. (HTML, CSS 만 사용한) 

*이미지는 다 핀터레스트의 도움을 받았습니다. 

 

탄생, 줄거리, 이미지, 예고편, ost, 결말로 이루어진 메뉴가 왼쪽에 배치되고 오른쪽에는 내용이 나오는 화면입니다. 

@media 는 전혀 적용하지 않았기 때문에 글자나 이미지의 위치는 홈페이지의 크기에 따라 지맘대로 바뀝니다. 

특히 이미지 부분이 @media 적용 안된 티가 많이 나네요. 

내용은 모두 위키피디아의 내용을 그냥 복사해서 붙여 넣었습니다. 후후.. 

이번 홈페이지를 만들면서 알게 된 사실은

-유튜브 동영상 삽입

-gif 주소 

-border 의 다양함

-메뉴와 내용 분할

-@media의 필요성.. 

 

이번 홈페이지는 애정을 갖고 만들었다기보다 배운 내용 복습하자는 의미로 만든 아주 기본적인 홈페이지인데요. 다음엔 좀 더 홈페이지 다운 홈페이지를 HTML과 CSS를 사용하여 만들어야겠습니다. 이런 식으로 복습을 해야겠죠..