13강 - 인라인 엘리먼트 (Inline elements)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 13강 인라인 엘리먼트 (Inline elements)에 대해 배우겠습니다. 혹시 블록 레벨 엘리먼트가 필요하시다면 [12강 - 블록 레벨 엘리먼트] 수업을 확인해주세요!

 

반응형

인라인 엘리먼트란 좌, 우 가로 영역으로 쌓아가는 태그입니다. 이 수업에서는 <span> 태그를 사용하여 인라인 엘리먼트를 배워보도록 할게요.

인라인 엘리먼트는 <span> 태그를 열어 텍스트를 작성하고, </span> 태그로 마무리합니다. 이렇게 작성한 태그는 옆으로 정렬됩니다. 아래 예시를 함께 확인해볼까요?

 

 

<span>내용을 입력해주세요.</span>

위의 예시처럼 편집기에 직접 적용하거나 복사하여 사용하세요. <span> 태그를 적용한 텍스트의 결과가 본문과 같다면 인라인 엘리먼트를 잘 사용한 것입니다.

 

인라인 엘리먼트와 블록 레벨 엘리먼트를 잘 기억해주세요! 다음 수업에서 뵙겠습니다. 즐거운 하루 보내세요!