본문 바로가기
HTML5

w3스쿨즈 HTML(7) - block, inline

by 왈레 2022. 3. 29.

모든 HTML 태그에는 태그 유형에 따라 기본 표시 값이 있습니다.

기본 표시값은 block inline입니다.

 

블록

블록 항상 줄에서 시작하여 사용 가능한 전체 너비를 차지한다. (가능한한 왼쪽과 오른쪽으로 뻗는다.)

대표적으로 <div> 있다

<div> 주로 다른 HTML 감싸는 container 사용된다.

<div>태그는 필수 속성은 없지만 주로 style, class, id 속성이 쓰인다.

<div> CSS 함께 사용하면 <div>요소를 사용하여 콘텐츠 블록 스타일을 지정할 있다.

 

인라인

인라인 요소는 줄에서 시작되지 않으며 필요한만큼만 폭을 차지한다.

대표적으로 <span> 있다.

<span> 주로 some text container 사용된다.

<span> 태그는 필구 속성은 없지만 주로 style, class, id 속성이 쓰인다.

<span> CSS 함께 사용하면 <span>요소를 사용하여 텍스트 부분의 스타일을 지정할 있다.

'HTML5' 카테고리의 다른 글

w3스쿨즈 HTML(8) - iframe, File Path  (0) 2022.03.31
w3스쿨즈 HTML(7) - class, id  (0) 2022.03.29
w3스쿨즈 HTML(6) - 리스트[list]  (0) 2022.03.29
w3스쿨즈 HTML(6) - 테이블[table]  (0) 2022.03.29
w3스쿨즈 HTML(5) - 이미지[image]  (0) 2022.03.24

댓글