웹프로그래밍 HTML (11) 블록&인라인

📋오늘의 목표📋

블록 레벨 요소와 인라인 레벨 요소의 차이점과 태그의 중첩 가능 관계에 대해 알아보자

📕블록 레벨 요소

• 부모 요소의 가로 영역에 맞게 꽉 채워서 표현된다.
• 양옆으로 다른 요소가 배치되지 않게 박스 위아래로 줄 바꿈이 생긴다.
• <div>,<h1>,<p>,<ul>,<li>,<table>등이 있다.

📕인라인 레벨 요소

• 자신의 내용만큼만의 박스를 만들고 줄바꿈이 일어나지 않는다.
• 블록 레벨 요소를 자손으로 가질 수 없다.
• 예외)<a>는 인라인 레벨 요소지만 자손으로 블록 레벨 요소를 가질 수 있습니다.
• <span>,<i>,<img>,<em>,<strong>,<a>등이 있다.

🏅오늘 배운 점🏅

html의 기본적인 부분에 대해서 공부를 했다. 뿌듯하당