본문 바로가기

HR2

8. Tabular Data Elements 8. Tabular Data Elements 여러분들은 문서 작업을 하면서 워드나 한글을 통해서 표 형태를 사용하거나 엑셀 같은 스프레드 시트를 이용하여 표형태로 작성하는 다음과 같은 형태를 많이 보고 직접 작성했을 것입니다. 표(Table) 형태를 HTML5를 이용하여 웹 페이지에 나타내기 위해서는 위 그림을 토대로 표를 구성하는 기본적인 구성 요소들을 파악하는 것이 중요합니다. 위와 같은 하나의 테이블(Table)은 행(row)와 열(column)로 구성되며 행과 열이 만나는 부분을 셀(cell)이라고 합니다. 이 셀(Cell) 안에는 텍스트, 이미지 등이 나타날 수 있습니다. 위 표(Table)를 HTML5에서 사용하는 기본적인 요소(Element)들로 나타내보면 다음과 같이 나타낼 수 있습니다. .. 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.