html 태그는 어떻게 분류되나요?

html 태그 요소는 다음과 같습니다. 1. 태그는 한 줄을 차지하며 너비와 높이는 블록 태그로 지정할 수 있습니다. 2. 태그는 한 줄에 있으며 너비와 높이는 내용에 따라 결정됩니다. 내용이 HTML의 너비를 초과하면 줄 바꿈됩니다. 3. 인라인 요소와 블록 요소의 특성을 모두 갖는 인라인 블록 태그입니다.

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

HTML 태그 유형은 블록 수준 태그, 인라인 태그, 인라인 블록 태그의 세 가지 유형으로 나눌 수 있습니다.

블록 수준 라벨:

블록 수준 라벨: 라벨은 전용 라인을 차지하며 너비와 높이를 지정할 수 있습니다.

기능:

• 너비와 높이 식별 가능

• 여백과 패딩은 위쪽, 아래쪽, 왼쪽 및 오른쪽에 유효합니다.

• 자동 줄 바꿈 가능

• 여러 블록 요소 태그가 함께 작성됩니다. 기본 배열 위에서 아래로

• margin:0을 사용하면 자동으로 가운데 정렬이 가능합니다

일반적으로 사용되는 블록 요소는

,

,

...<입니다. ;h6>,

,

,

, ,

,

,

inline 태그:

inline(행 수준) 라벨: 라벨은 한 줄로 구성됩니다. 너비와 높이는 콘텐츠에 따라 결정됩니다. 콘텐츠가 HTML 너비를 초과하는 경우에만 줄바꿈됩니다.

기능:

• 너비와 높이를 설정할 수 없습니다.

• 여백은 위아래로 유효하지 않으며 왼쪽과 오른쪽에만 효과가 있고 패딩에는 효과가 있으며 공간이 확장됩니다. ; 이 속성은 상자 모델용이므로 유효하지 않습니다.

• 자동으로 줄바꿈되지 않습니다.

일반적으로 사용되는 인라인 요소는

, , , , , , , ,

인라인 블록 태그:

인라인 블록 요소(inline-block)는 모두 인라인 요소이자 블록 요소입니다. 코드 표시의 특징:인라인 -block은 요소를 인라인 블록 요소로 설정하는 것입니다. (css2.1의 새로운 기능) 및 태그는 이러한 인라인 블록 태그입니다.

기능:

• 자동 줄 바꿈 없음

• 너비와 높이 설정 기능

• 기본 정렬은 왼쪽에서 오른쪽입니다.

• text-align:center를 사용하여 콘텐츠를 만들 수 있습니다. img 태그와 같이 상위 상자를 기준으로 한 가운데 정렬은 text-align:center, 상위 상자를 기준으로 한 가운데 정렬, margin:0을 사용할 수 있습니다. 자동은 유효하지 않습니다.

• 가로로 정렬되지만 모든 요소에는 기본적으로 공백은 1입니다. 요소 사이에 캐리지 리턴이나 줄 바꿈이 HTML로 작성된 경우 브라우저는 이를 공백으로 구문 분석하기 때문입니다.

일반적으로 사용되는 인라인 블록 요소는 다음과 같습니다:

,

HTML 태그 유형은 다음과 같이 변환될 수 있습니다.

• display:inline; 인라인 요소로 변환됨

• display:linline -block;인라인 블록 요소로 변환

• display:block;블록 수준 요소로 변환

권장 학습: html 비디오 튜토리얼

위 내용은 html 태그는 어떻게 분류되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

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