HTML 특징 : 블록요소, 인라인요소, 관계, 코드의 가독성

ㅇ_ㅇ_ㅂ·2023년 10월 17일

HTML

목록 보기
3/13
post-thumbnail

🟣 블록 요소

body 태그에서 사용하는 태그 중 웹 브라우저의 공간 유무와 상관없이 줄 바꿈이 되는 태그
대표적인 블록 요소는 <div> , <table> , <h1> ~ <h6> , <p> , <form> , <ul> , <ol> , <li> , <dl> , <dt> , <dd> , <pre> , <blockquote> 등이 있음

<p> 블록요소 </p>
<hn> 블록요소 </hn>

🟣 인라인 요소

공간이 부족할 때만 줄 바꿈이 되는 태그
대표적인 인라인 요소는 <span> , <a> , <br> , <em> , <strong> , <input> , <label> , <img> 이 있음

<a href=“URL”> 인라인 요소 </a>
<span> 인라인 요소 </span>

🟣 부모, 자식, 형제 관계

  • <head><body> 태그는 <html> 태그의 자식
  • <html> 태그는 <head><body> 태그의 부모
  • <head><body> 태그는 부모 태그 (<html>)가 같아 형제

HTML은 태그의 사용 위치에 따라 부모, 자식, 형제 관계를 맺음

🟣 코드의 가독성을 위해

HTML 문서에 태그를 작성할 때는 되도록 줄 바꿈과 들여쓰기를 하는 것이 좋음
문법상 강제적인 규칙은 아니지만, 암묵적으로 지키는 규칙. 즉, 관례라고 생각하면 됨

profile
공부 중. !!! !

0개의 댓글