Section3 3.4 footer 요소(Element)를 이용한 꼬리말 구성 3.4 footer 요소(Element)를 이용한 꼬리말 구성 이제 마지막으로 footer 요소를 이용하여 현재 페이지의 꼬리말을 구성해봅니다. 메모장으로 “SectionEx_3rdand4th.html”을 열고 id 속성값이 “posts”인 section 요소의 마침 태그 다음 라인, 즉 body 요소의 마침태그()의 위에 다음과 같이 코드를 작성합니다. 광고안내 | 회사소개 | 인재채용 | 고객센터 | 개인정보취급방침 Copyright (c) edupicker.com. All rights reserved 위와 같이 작성한 후 메모장의 다른 이름으로 저장을 선택하여 “SectionEx_final.html”로 저장하고 IE9로 열어보면 다음과 같이 나타나게 됩니다. 위 결과에서 보는 것처럼 방금 전 코드로.. 2013. 7. 31. 3.3 section, header, footer, article, aside 요소(Element)를 이용한 우측면 구성 3.3 section, header, footer, article, aside 요소(Element)를 이용한 우측면 구성 section, header요소에 대한 사용형식은 이미 조금 전에 설명했으므로 footer 요소부터 보면 footer 요소는 일반적으로 글이나 컨텐츠에 대한 저작권을 나타내는 정보를 나타내거나 nav 요소를 이용하여 탐색 정보를 나타내는데 사용하는 요소로 다음과 같은 형식을 사용하게 됩니다. 위에서 address 요소는 문서의 저자(작가)나 소유권자에 대한 연락 정보를 명시할 때 사용하는 요소로 보통 웹페이지의 헤더(header)나 꼬리말(footer) 부분에 명시되게 되며 어떤 경우는 article 요소 내에도 명시될 수 있는데 이런 경우 article 요소에 대한 저자(작가)나 소.. 2013. 7. 31. 3.2 section, header, nav 요소(Element)를 이용한 좌측면 구성 3.2 section, header, nav 요소(Element)를 이용한 좌측면 구성 header, nav 요소는 방금 전 그 사용 방법에 대해서 알아보았으므로 section 요소의 사용 형식을 알아보면 section 요소는 보통 header요소와 함께 사용하며 페이지 내에서 논리적인 영역을 구분하는 요소로 컨텐츠를 보다 쉽게 구분할 수 있도록 하며 사용하는 형식은 다음과 같습니다. 위와 같이 section 요소 블록 안에는 header 요소를 시작으로 nav, article, aside 등과 같은 다양한 요소들이 각각 나타나거나 같이 포함되어 나타날 수 있습니다. 이제 전체적인 그림에서 좌측편에 나타난 ②에 해당하는 부분을 만들어봅니다. 마침 태그 위에 다음과 같이 코드를 작성합니다. 최근 기사 Wi.. 2013. 7. 31. 이전 1 다음
