💻웹

유데미 57강까지 수강

https://www.udemy.com/course/the-web-developer-bootcamp-2021-korea/?couponCode=ABCART0923

블록 요소 vs 인라인요소

html의 요소는 블록요소와 인라인요소로 나뉜다. 블록 요소는 화면 전체의 가로폭을 차지하며, 다른 요소들과의 줄바꿈을 유발한다. 반면 인라인 요소는 내용의 크기만큼만 공간을 차지하고, 다른 요소들과 한 줄에 나란히 배치된다.

블록 요소의 예

• <div>
• <h1> ~ <h6>
• <p>
• <ul>, <ol>, <li>
• <table>

인라인 요소의 예

• <span>
• <a>
• <img>
• <strong>
• <em>

블록 요소와 인라인 요소를 적절히 사용하면 웹 페이지의 레이아웃을 깔끔하고 효율적으로 구성할 수 있다. 예를 들어, 블록 요소를 사용해 주요 섹션을 나누고, 인라인 요소를 사용해 텍스트나 링크를 삽입할 수 있다.

또한 특수문자 가령 앰퍼샌드(&)를 표시하려면 &를 사용할 수 있는데, 이를 엔티티코드라고 부르며 HTML 문서 내에서 자주 사용된다. 엔티티 코드를 통해 브라우저가 특수 문자를 올바르게 해석하고 표시할 수 있다. 사용하려는 특수문자의 엔티티코드를 검색해 사용가능하다.