태그의 구분과 인라인 텍스트 요소

블록 레벨 요소

자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다.
h태그와 p태그는 블록 레벨 요소이다.

인라인 요소

자기에게 필요한 만큼의 공간만 차지한다.

인라인 요소 예시

strong 태그

strong 태그는 감싸고 있는 콘텐츠를 굵게 만드는 태그이다.
인라인 요소를 만드는 태그이다.

<p> 굵게 표시하고 싶은 부분은 바로? <strong>여기!</strong> </p>

굵게 표시하고 싶은 부분은 바로? 여기!

em 태그

em 태그는 감싸고 있는 콘텐츠를 기울여 이탤릭체로 만드는 태그이다.
인라인 요소를 만드는 태그이다.

<p> 이탤릭체로 표시하고 싶은 부분은 바로? <em>여기!</em> </p>

이탤릭체로 표시하고 싶은 부분은 바로? 여기!

mark 태그

mark 태그는 감싸고 잇는 콘텐츠에 형광펜을 표시해 주는 태그이다.
인라인 요소를 만드는 태그이다.

<p> 밝게 표시하고 싶은 부분은 바로? <mark>여기!</mark> </p>

밝게 표시하고 싶은 부분은 바로? 여기!

블록 안에 블록을 넣으면

블록 안에 블록을 넣으면 층이 생겨버린다.

학습한 인프런 강의