> 웹 프론트엔드 > HTML 튜토리얼 > HTML 태그의 인라인 요소와 블록 수준 요소에 대한 자세한 설명

HTML 태그의 인라인 요소와 블록 수준 요소에 대한 자세한 설명

小云云
풀어 주다: 2018-01-05 17:59:20
원래의
2482명이 탐색했습니다.

이 글은 주로 HTML 태그에 사용되는 인라인 요소와 블록 수준 요소에 대해 자세히 소개하고 있으니 참고하시면 도움이 될 것 같습니다.

블록 요소(block 요소) HTML 태그 분류 상세

* 주소 - 주소
* blockquote - 블록 인용
* 센터 - 센터 정렬 블록
* dir - 디렉토리 목록
* p - 자주 사용하는 블록 레벨도 쉽고 css 레이아웃 기본 태그
​ * dl - 정의 목록
​ * fieldset - 양식 제어 그룹
​ * 양식 - 대화형 양식(다른 블록 요소를 수용하는 데에만 사용할 수 있음)
​ * h1 - 헤드라인
​ * h2 - 자막
​ * h3 - 레벨 3 제목
     * h4 - 레벨 4 제목
    * h5 - 레벨 5 제목
   * h6 - 레벨 6 제목
   * hr - 가로 구분선
   * isindex - 입력 프롬프트
   * 메뉴 - 메뉴 목록
   * noframes - 프레임 선택적 콘텐츠, (프레임을 지원하지 않는 브라우저의 경우 이 블록의 콘텐츠 표시
* noscript - 선택적 스크립트 콘텐츠(스크립트를 지원하지 않는 브라우저의 경우 이 콘텐츠 표시)
* ol - 정렬 형식
* p - 단락
* 미리 서식이 지정된 텍스트
​ * 테이블 - 테이블
​ * ul - 정렬되지 않은 목록

인라인 요소(인라인 요소) HTML 태그 분류 세부 정보

* a - 앵커 포인트
* abbr - 약어
* 약어 - 첫 번째 word
* b - 굵게(권장하지 않음) * bdo - bidi 재정의
* big - 큰 글꼴
* br - 줄 바꿈
* cite - 인용
* code - 컴퓨터 코드(소스 코드를 인용할 때 필요) * dfn - 필드 정의 강조
  * 글꼴 - 글꼴 설정(권장하지 않음)
  * i - 기울임꼴
  * img - 그림
  * 입력 - 입력 상자
  * kbd - 키보드 텍스트 정의
  * 라벨 - 테이블 라벨
  * q - 짧은 따옴표
    * s - 취소선(권장하지 않음) * samp - 샘플 컴퓨터 코드 정의
* 선택 - 프로젝트 선택
* 작게 - 작은 글꼴 텍스트
* 범위 - 일반적으로 사용되는 인라인 컨테이너, 텍스트 내의 블록 정의
* 취소선 - 취소선 - 취소선
     * 강함 - 굵게 강조
   * sub - 아래 첨자
   * sup - 위 첨자
   * textarea - 여러 줄 텍스트 입력 상자
   * tt - 텔렉스 텍스트
   * u - 밑줄
   * var - 변수 정의

변수 요소 HTML 태그 분류 세부 정보

* applet - java applet - object object

* script - client script

요약:


1. p h1 p ul li 등과 같은 블록 수준 요소는 래핑되어 동일한 줄에 표시되기를 원합니다

필요합니다. float 또는 display: inline

2. 행 레벨 a와 같은 인라인 요소는 나란히 표시될 수 있습니다. 기본 너비 설정은 작동하지 않습니다.

display: inline-block 또는 block을 설정해야 합니다.

관련 권장 사항:

인라인 요소를 블록 수준 요소로 변환하는 세 가지 방법 요약


HTML의 인라인 요소 및 블록 수준 요소 요약


인라인 요소 관련 사용법 요약

위 내용은 HTML 태그의 인라인 요소와 블록 수준 요소에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿