>  기사  >  웹 프론트엔드  >  html5 줄 수준 태그란 무엇입니까?

html5 줄 수준 태그란 무엇입니까?

WBOY
WBOY원래의
2022-06-20 11:03:562963검색

HTML5 행 수준 태그는 전체 요소를 한 줄에 배치할 수 없을 때까지 페이지의 다른 요소와 동일한 행에 표시될 수 있는 요소입니다. 행 수준 태그는 인라인 태그라고도 하며 행으로 이해될 수 있습니다. -수준 태그는 한 줄을 차지하지 않으며 행 수준 라벨에는 다른 요소가 포함되지 않습니다.

html5 줄 수준 태그란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5 줄 수준 태그란 무엇입니까?

행 수준 태그는 전체 요소를 한 줄에 배치할 수 없고 일반적으로 줄에 다른 요소가 포함되지 않을 때까지 페이지의 다른 요소와 동일한 행에 표시될 수 있습니다. -레벨 태그.

1. 행 수준 레이블은 인라인 레이블이라고도 합니다. 행 수준 레이블은 별도의 줄을 차지하지 않으며 너비와 높이(너비, 높이) 설정이 유효하지 않습니다.

2. 인라인 요소는 다른 인라인 요소를 수용할 수 있지만 블록 요소는 수용할 수 없습니다.
span, Strong, em, b, i, input, a, img, u(밑줄), em(강조), i(이탤릭체), sub(아래 첨자), sup(위 첨자) 등이 있습니다.

3. 인라인 요소의 왼쪽 가로 패딩과 오른쪽 패딩은 여백 효과를 생성하지만 세로 패딩 상단 및 하단 패딩은 여백 효과를 생성하지 않습니다.

4. 일반적인 행 수준 태그에는span, Strong, em, br, img, input, label, select, textarea, cite가 포함됩니다.

확장 지식:

블록 요소(block element)

1. 전용 줄을 차지하고, 다른 요소와 같은 줄에 머물지 않으며, 너비가 자동으로 상위 요소의 너비를 채웁니다.

2 너비, 높이, 내부 및 외부 여백 속성(여백, 패딩)을 설정할 수 있습니다.

div, p, h1-h6, ul, li, dl(정의 목록, ul...li와 유사), dt(정의 목록의 항목을 정의), dd(설명 항목의 내용을 정의)가 있습니다. , dt 와 일치)

(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)

위 내용은 html5 줄 수준 태그란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.