블록 구조 / 인라인 구조
블록 구조 / 인라인 구조 블록 구조의 특징은 한 줄 하나만 표현 됩니다. 가로로 정렬이 되지 않습니다. 또한 영역을 포현하는 부분이기 때문에, 마진 값이나 패딩 값이 먹힙니다. 인라인 구조의 경우에는 한 줄에 여러개가 표현이 되며, 가로로 정렬이 됩니다. 같은 인라인요소를 포함하지만, 블록 요소는 포함 불가능이다. 블록 구조(block) div, p, h1~h6, ul, li, ol, table, form, section, footer 등 자주 사용하는 태그들이다. div { display: block; } See the Pen Untitled by 이유나 (@fkdldhs8484) on CodePen. 인라인 구조(inline) span, a, em, i, strong, b, del, ins, sub..
2022. 8. 20.
구조관련요소
01. <header>,<section>,<footer>,<nav>,<article>,<aside> 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 <header>,</hteader> 1.HTmL문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2.텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 <header>,<footer> 태그는 포함할 수 없다. <section>,</section> 1.HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소(<h2>~<h6>)를 포함하는 것이 좋다. 2.텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있다..
2022. 8. 14.
