본문 바로가기

html571

4.3 li, ol, ul 요소(Element) 4.3 li, ol, ul 요소(Element) li 요소는 list item의 약자로 정렬된 리스트, 정렬되지 않은 리스트, 메뉴, 디렉토리 등에 포함되는 아이템(항목)을 나타내는데 사용되는 요소로 “아이템이름”의 형태로 사용합니다. 만약 li 요소가 ol 요소의 자식 요소로 사용될 경우 li는 value 속성을 가질 수 있으며 아이템이름”처럼 정수형값으로 설정하여 사용할 수 있으며 뒤에 이어지는 아이템은 여기서 1씩 증가되어 표시됩니다. ol 요소는 ol(ordered list)의 약자로 정렬된 리스트를 나열할 때 사용하며 다음과 같은 3가지 형태의 속성을 가지고 있습니다. 속성 기능 reversed 순서가 내림차순으로 나열될 것인지를 설정하는 속성으로 생략되면 오름차순으로 적용됨 start 첫 번째.. 2013. 7. 31.
4.2 blockquote 요소(Element) 4.2 blockquote 요소(Element) bloackquoto 요소는 다수의 라인으로 구성된 인용문, 인용절을 나타낼 때 사용하는 요소로 다음과 같이 URL을 이용하여 인용문, 인용절의 출처를 명시하거나 그렇지 않은 경우 2 가지 형태로 사용합니다. 인용문, 인용절 인용문, 인용절 이제 예제를 하나 해볼까요? 다음과 같이 메모장을 열어서 HTML5 문서의 기본적인 코드들을 작성하고 요소 안에 다음의 코드들을 작성합니다. cite 속성을 이용하지 않은 경우 국회 도서관의 미션 : 세계의 지식정보를 수집하여 국회와 국민에게 제공함으로써 의회민주주의의 발전과 국민의 삶의 질 향상에 기여하고 인류의 지적 문화유산을 보존하여 후세에 전승한다. cite 속성을 이용한 경우 국회 도서관의 미션 : 세계의 지식.. 2013. 7. 31.
4. Grouping Content Elements 4. Grouping Content Elements W3C의 명세에서 grouping content 요소들은 다수의 텍스트 문장이나 다수의 인용문, 정렬되거나 정렬되지 않은 리스트, 다수의 사진들을 그룹핑하여 나타내는데 사용되는 요소들로 다음과 같은 요소들을 사용할 수 있습니다. 요소 기능 p 항상 새로운 라인에서 시작하며 적어도 하나의 문장을 포함하는 절 또는 단락을 나타내는데 사용 hr 내용의 전환을 위해 수평선을 추가하는데 사용 pre 텍스트를 고정 너비의 폰트(보통 Courier)나 공간, 행바꿈의 상태를 유지하고자 할 때 사용 blockquote 다수의 라인으로 구성된 인용문, 인용절을 나타낼 때 사용 ol 정렬된 리스트를 나열할 때 사용 ul 정렬되지 않은 리스트를 나열할 때 사용 li 정렬된.. 2013. 7. 31.
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.

티스토리툴바