>  기사  >  웹 프론트엔드  >  인라인 요소와 블록 수준 요소란 무엇입니까?

인라인 요소와 블록 수준 요소란 무엇입니까?

百草
百草원래의
2023-11-24 13:57:431209검색

인라인 요소에는 a,span,strong,b,em,i,label,img,input,select,textarea,button,abbr,cite,code,big,small,sub,sup 등이 포함됩니다. 블록 수준 요소에는 div, p, h1-h6, form, ul, ol, dl, dt, dd, li, table, tr, td, th, hr, blockquote, address, menu, pre 등이 포함됩니다.

인라인 요소와 블록 수준 요소란 무엇입니까?

이 튜토리얼의 운영 체제: Windows 10 시스템, DELL G3 컴퓨터.

인라인 요소와 블록 수준 요소는 HTML의 두 가지 다른 유형의 요소입니다. 페이지 레이아웃과 스타일에서 서로 다른 특성과 동작을 갖습니다. 일반적인 인라인 요소와 블록 수준 요소는 다음과 같습니다.

인라인 요소:

1.

2. 범위: 문서 내용을 결합하는 데 사용되는 인라인 요소입니다.

3.강하게: 텍스트를 강조하고 굵게 표시합니다.

4.b: 굵은 텍스트를 정의합니다.

5. em: 강조된 텍스트를 이탤릭체로 정의합니다.

6. i: 기울임꼴 텍스트를 정의합니다.

7. 라벨: 양식 컨트롤의 라벨을 정의합니다.

8. img: 이미지를 정의합니다.

9. 입력: 입력 제어를 정의합니다.

10. 선택: 드롭다운 목록을 정의합니다.

11. 텍스트 영역: 여러 줄의 텍스트 입력 상자를 정의합니다.

12. 버튼: 클릭 버튼을 정의합니다.

13. 약어: 약어를 정의하세요.

14. 인용: 인용을 정의합니다.

15. 코드: 컴퓨터 코드 텍스트를 정의합니다.

16. big: 더 큰 텍스트를 정의합니다.

17. 작게: 더 작은 텍스트를 정의합니다.

18. sub: 아래 첨자 텍스트를 정의합니다.

19. sup: 위 첨자 텍스트를 정의합니다.

블록 수준 요소:

1. div: 문서 콘텐츠를 결합하는 데 사용되는 블록 수준 요소입니다.

2.p: 단락을 정의합니다.

3. h1-h6: 제목을 정의하고, h1은 가장 높은 수준의 제목을 정의하고, h6은 가장 낮은 수준의 제목을 정의합니다.

4. 양식: 사용자 입력에 대한 양식을 정의합니다.

5, ul, ol, dl: 순서가 없는 목록, 순서가 있는 목록, 정의 목록을 각각 정의합니다.

6, dt, dd: 목록의 항목과 목록의 항목에 대한 설명을 각각 정의합니다.

7. li: 목록 항목을 정의합니다.

8. 테이블: 테이블을 정의합니다.

9. tr: 테이블의 행을 정의합니다.

10, td, th: 테이블의 셀과 헤더 셀을 각각 정의합니다.

11.hr: 주제 사이의 구분선을 정의합니다.

12. blockquote: 긴 따옴표를 정의합니다.

13. 주소: 주소 정보를 정의합니다.

14. 메뉴: 메뉴 목록을 정의합니다.

15. pre: 공백 및 줄 바꿈과 같은 서식 정보를 유지하면서 미리 서식이 지정된 텍스트를 정의합니다.

위 내용은 인라인 요소와 블록 수준 요소란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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