본문 바로가기

style2

11.2 class, id, style 속성 11.2 class, id, style 속성 메모장을 열어 다음과 같이 글의 단락(절)을 나타내는 p 요소 3개를 이용하여 코드를 작성합니다. class 속성을 이용한 문장 id 속성을 이용한 문장 style 속성을 이용한 문장 위와 같이 작성하고 저장한 후 IE9를 이용하여 열어보면 다음과 같이 나타납니다. 이제 각각 class, id, style 속성을 이용하여 3개의 p 요소에 색상 및 정렬 위치를 설정하기 위해서 먼저 … 블록 안을 다음과 같이 수정합니다. class 속성을 이용한 문장 id 속성을 이용한 문장 style 속성을 이용한 문장 위에서 class 속성을 적용한 첫 번째 p 요소와 id 속성을 설정한 두 번째 p 요소는 현재까지는 아무런 변화도 발생하지 않습니다만 3번째 style 속성.. 2013. 7. 31.
3. Section Elements 3. Section Elements HTML5에서는 웹 페이지의 헤더(header)나 꼬리말(footer), 사이트 탐색, 뉴스 기사, 저작권 명시 등과 같은 부분들을 정의하여 사용할 수 있도록 Section 요소들을 정의하고 있으며 이와 관련된 요소들을 표로 정의하면 다음과 같습니다. 요소 기능 body HTML5의 2번째 요소로 HTML5 문서의 컨텐츠를 포함하는 요소 nav HTML 문서에서 이동할 페이지링크와 같은 탐색 부분을 정의할 때 사용 article 기사(article)나 완전한 컨텐츠를 정의할 때 사용 aside 본문 내용 옆에 광고나 사이드바를 위치시키고자 할 때 사용 section 페이지의 논리적인 영역을 정의하거나 하나의 컨텐츠 그룹을 정의할 때 사용하는 요소로 하나의 웹페이지 내에.. 2013. 7. 31.