태그는
블록 레벨 요소를 만드는 태그와
인라인 요소를 만드는 태그로 구분할 수 있음.
두 요소의 차이는 웹 브라우저의 개발자 도구(F12)에서
각 태그에 마우스 커서를 올려 놓으면 확인 가능.
> 블록 레벨 요소
- 자신이 속한 영역의 너비를 모두 차지하여 블록을 형성함.
- (예) p 태그, h 태그
ex.
- 블록 안에 블록을 넣으면, 블록 안에 층이 생김.
ex.
> 인라인 요소
- 자신에게 필요한 만큼의 공간만 차지함.
- (예) strong 태그, em 태그, mark 태그
ex.
> strong 태그
- 콘텐츠를 굵게 표시하는 태그.
ex.
> em 태그
- 콘텐츠를 기울여 표시하는 태그.
ex.
> mark 태그
- 콘텐츠에 형광펜 표시를 추가하는 태그.
ex.
'HTML' 카테고리의 다른 글
| [HTML] 링크 걸기 (ft. a 코드) (0) | 2023.10.25 |
|---|---|
| [HTML] 컨테이너 태그와 전역 속성 (0) | 2023.10.24 |
| [HTML] 이미지 표시하기 (ft. img 태그) (0) | 2023.10.24 |
| [HTML] 기초 태그 몇 가지 (2) | 2023.10.16 |
| [HTML] 기초를 소홀히 하지 말 것! (ft. 태그 사용법, 기본 구조) (0) | 2023.10.16 |