Flex(2)
-
[HTML/CSS] 간단한 웹페이지 만들기 - 3 <footer>
이전에 1편, 2편에서는 홈페이지 상단에 네비게이션링크 역할을 하는 와 홈페이지의 내용 및 정보들을 담당하는 을 만들어보았다. ' 만들기'
2022.12.30 -
[HTML/CSS] 간단한 웹페이지 만들기 - 2 <main>
이전에 네비게이션링크를 담당하는 웹페이지 상단인 태그를 만드는 데에 이어서 페이지에 주요 내용을 담당하는 태그를 만들어 보자. 웹페이지의 상단을 만드는 부분에 대해 궁금하다면 간단한 웹페이지 만들기 -1 를 보고오자. [HTML] 위 코드는 태그의 전체코드이고 보기 쉽도록 아래에서 부분적으로 나누어 설명하겠다. 우선, 앞서 말했듯이 태그를 가장 부모로 사용하여 페이지에 주요 내용을 담았다. 그리고 소제목과 그에 대한 간단한 내용을 각각 태그로 사용하였다. 위 HTML코드의 CSS 코드이다. 디자인 부분을 제외하고, 내용을 페이지의 중앙에 맞추기 위해 두 div 클래스에 text-align을 적용하였다. [HTML] 웹페이지 안에 가격표 박스가 나와있는 부분에 대한 코드이다. 태그와 태그를 t사용하였다 그..
2022.12.27