인라인 요소 태그에는 <strong>, <em>, <a>, <img> 등이 있다.
<span>도 인라인 요소인데,
다른 인라인 요소를 그룹화한다.
(+ 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지한다.)
<div> 태그와의 차이점
<div> 태그는 모든 요소를 그룹화할 수 있지만,
<span> 태그는 인라인 요소만 그룹화할 수 있다.
코드
<span>
<a href="https: //nhabis-dailylife.tistory.com/" target="blank">내 티스토리</a>
<br />
<strong>링크</strong>를 <em>눌러</em> 주세요
</span>
결과
인라인 요소 목록은 아래 페이지를 참고하자
https://developer.mozilla.org/ko/docs/Web/HTML/Inline_elements
인라인 요소 - HTML: Hypertext Markup Language | MDN
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다.
developer.mozilla.org
'코딩 노트 > HTML, CSS' 카테고리의 다른 글
[HTML] 폼 태그 - 사용자 정보 입력받기 (0) | 2022.09.08 |
---|---|
[HTML] <a> 태그 - 웹 페이지에 링크 연결 (0) | 2022.09.08 |
[HTML] <strong>, <em> - 특정 단어 강조하기 (0) | 2022.09.08 |
[HTML] 시맨틱 태그(Semantic tag) (0) | 2022.09.08 |
[CSS] float 속성 (0) | 2022.02.06 |