요소· 사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등을 포함시킬 때 사용합니다.

Semantic적인 Element Semantic적인 Element가 새롭게 추가되었습니다. 의미 없는 태그의 사용보다 문서의 내용을 쉽게 이해할 수 있도록 의미를 가지는 새로운 태그 요소가 HTML5에 추가되었습니다. 페이지의 구조를 더 잘 나타내기 위해 새로운 태그 추가 Element설명Header문서의 Header를 나타낼때 사용 사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등을 포함시킬 때 사용 Footer문서의 Footer를 나타낼때 사용 웹 페이지의 하단을 만들 때 사용하는 태그 작성자 정보나 저작권 정보, 관련 문서 링크 등 카피라이트 영역을 표현할 때 사용 Nav문서내에 Navigation 요소가 있을때 사용 웹 페이지의 메뉴를 만들 때 사용하는 태그 사이트의 메뉴나 링크 같은 내비..

display 프로퍼티· 해당 요소가 화면에 어떻게 보여질 것인지 지정합니다.· 사용할 수 있는 속성 값들이 너무 많으며 브라우저에서 모두 지원되지 않습니다. 속성값 설명 Block 블록 레벨 박스로 만드는 속성 Inline 인라인 레벨 박스로 만드는 속성 Inline-Block 블록레벨 박스지만, 인라인 레벨 박스 처럼 배치하는 속성 none 박스를 만들지 않고, 시각적으로도 표시하지 않은 속성 table 블록 레벨의 표로 만들 때 사용하는 속성 table-cell 표에서 하나의 셀로 만들 때 사용하는 속성

overflow 요소의 박스에 내용이 더 많아 범위를 벗어날 때 스크롤바 표시하는 속성 div { width: 150px; height: 150px; overflow: scroll; } 값설명scrolldiv 안 내용의 양에 상관없이, 항상 스크롤바가 생기게 됩니다. visible기본값 내용이 길면 범위를 벗어 그대로 보여줍니다. (내용이 흘러넘치는 것처럼 보입니다.)autodiv 의 내용이 설정한 범위를 넘어갔을 때만 스크롤바가 생성됩니다. 내용의 많고 적음에 따라 스크롤바가 생기기도 하고 생기지 않기도 하기 때문에 디자인시 이 부분도 고려해 주어야 합니다.hiddendiv 안의 내용이 많아도 스크롤바가 생성되지 않습니다. width: height:박스의 가로 세로 크기를 지정 퍼센트(%)로도 지정 가..

요소· 테이블의 캡션을 정의할 때 사용합니다.· 테이블 상단에 제목이나 짧은 설명을 붙일 수 있어 표에 대한 간단 설명을 작성할 수 있습니다.

border-collapse 프로퍼티 테이블의 테두리를 지정합니다.