'BLOCK' 태그의 글 목록

[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex

2023.05.31

[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex ( UPDATE 2023 - 05 - 25 ) 블록과 인라인 블록은 한 줄을 온전히 차지한다. (옆에 못옴) 인라인은 한 줄 안에 같이 있다. 블록에 display: inline 을 하면 박스 속성을 유지하면서 옆에 다른 블록이 올 수 있다. 인라인에 display: block을 하면 블록처럼 한 줄을 온전히 차지한다. 인라인은 높이(height)와 너비(width)가 없다. 브라우저는 요소들에게 자체적으로 style을 주기도한다. (예를 들면, 원치않는 공간=margin) 블록은 박스이다. margin , border , padding 박스는 세 가지 특징이 있다. : margin,border,pad..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[웹] 블록 레벨 요소 전체 목록

2023.05.30

블록 레벨 요소 전체 목록 다음은 HTML 블록 레벨 요소의 전체 목록입니다. 사실 HTML5의 새로운 요소를 설명할 때, "블록 레벨"이라는 용어는 정의되지 않습니다. 콘텐츠 카테고리 설명을 참고하세요. 콘텐츠 카테고리 설명 (클릭) 연락처 정보. 단락 콘텐츠. 부가 콘텐츠. 긴("블록") 인용구. 상세 정보 위젯. 대화상자. 설명 목록의 정의 설명. 문서의 분할. 설명 목록. 설명 목록의 정의. 필드 집합의 라벨. 그림 설명. 미디어 콘텐츠 그룹과 설명. (을 참고하세요) 페이지나 구역의 푸터. 입력 폼. , , , , , 1~6단계 제목. 페이지나 구역의 헤더. 헤더 정보 그룹. 수평선(구분선). 목록의 항목. 문서에서 하나 뿐인 중심 콘텐츠. 탐색 링크를 포함. 정렬된 목록. 문단. 미리 서식 적..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[웹] HTML의 블록(block) 과 인라인(inline) 요소

2023.05.30

HTML의 블록(block) 과 인라인(inline) 📌 HTML 요소의 타입📌 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 1. 블럭(block)요소 하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소 2. 인라인(inline) 요소 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우가 다른 태그가 나란히 위치할 수 있는 요소 = 텍스트레벨 요소, 행 안의 일부분 3. 특징 및 주의점 블럭요소는 내부에 블럭요소와 인라인요소를 포함할 수 있습니다. 인라인요소는 내부에 블럭요소를 포함할 수 없..

[HTML&CSS] Block , Inline , Margin, Border, Padding, Flex

[웹] 블록 레벨 요소 전체 목록

[웹] HTML의 블록(block) 과 인라인(inline) 요소

티스토리툴바