블록 / 인라인 구조
블록 / 인라인 구조 이번 시간은 블록 / 인라인 구조에 대해 알아 보겠습니다. 블록 구조 블록 구조는 모든 인라인 구조를 포함할 수 있고 다른 블록 구조도 일부 포함 할 수 있다. 가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용해 형태를 변형하여 레이아웃을 수정할 수 있으며, 블록 구조 다음에는 줄바꿈이 이루어 질 수 있다. 블록 구조 종류 address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, ..
2022. 8. 21.
구조 관련 요소
구조 관련 요소 이번 구조 관련 요소는 블록 레벨 요소를 알아보겠습니다. 1. HTML 문서의 헤더 영역을 의미를 가지는 태그로써 제목이나 내비게이션, 검색 등의 내용들을 포함한다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소(~)를 포함하는 것이 좋다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있다. 1. HTML 문서의 푸터 영역을 의미하는 태그로 섹션 작성자나 저작권에 대한 정보, 관련된 문서의 링크를 포함할 수 있다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없다. 1. HTML 문서의 ..
2022. 8. 16.