HTML의 인라인 요소와 블록 수준 요소의 차이점은 무엇입니까?

이번에는 html 인라인 요소와 블록 수준 요소의 차이점을 소개하겠습니다. html 인라인 요소와 블록 수준 요소를 사용할 때 주의사항은 무엇인가요?

html 태그는 인라인 요소와 블록 수준 요소의 두 가지 유형으로 나뉩니다. 먼저 인라인 요소와 블록 수준 요소의 개념을 이해해 보겠습니다.

css 파일:

#div1{  
 width:200px;  
 height:200px;  
 background:#666  
 }  
div2{  
 width:200px;  
 height:200px;  
 background:#F00  
 }

<div id="div1">  
     div1  
块级元素排斥其他元素与其位于同一行  
</div>  
  <div id="div2">  
     div2  
块级元素排斥其他元素与其位于同一行  
</div>

blockquote - 블록 인용
center - 가운데 정렬
dir - 디렉토리 목록
div - 일반적으로 사용되는 블록 수준도 CSS 레이아웃의 기본 태그입니다.
dl - 정의 목록
fieldset - 양식 제어 그룹
form - 대화형 양식
h1 - 제목
h2 - 부제
h3 - 레벨 3 제목
h4 - 레벨 4 제목
h5 - 레벨 5 제목
h6 - 레벨 6 제목
hr - 가로 구분선
isindex - 입력 프롬프트
menu - 메뉴 목록
noframes - 프레임 선택적 콘텐츠, (이 블록 콘텐츠는 프레임을 지원하지 않는 브라우저에 표시됩니다.
noscript - 선택적 스크립트 콘텐츠 (이 콘텐츠는 스크립트를 지원하지 않는 브라우저에 표시됩니다.)
ol - 정렬된 형식
p - 단락
pre - 형식화된 텍스트
table - table
ul - 정렬되지 않은 목록

abbr - 약어
acronym - 첫 글자
b - 굵게(권장되지 않음)
bdo - bidi override
big - 큰 글꼴
br - 줄 바꿈
cite - quote
code - 컴퓨터 코드(소스 코드를 인용할 때 필요)
dfn - 필드 정의
em - 강조
font - 글꼴 설정(권장하지 않음)
i - 기울임꼴
img - 이미지
input - 입력 상자
kbd - 키보드 텍스트 정의
label - 테이블 레이블
q - 짧은 인용문
s - 밑줄
samp - 샘플 컴퓨터 코드 정의
선택 - 항목 선택
작은 - 작은 글꼴 텍스트
span - 일반적으로 인라인 컨테이너 사용, 텍스트 내의 블록 정의
strike - 밑줄
strong - 굵은 강조
sub - 아래 첨자
sup - 위 첨자
textarea - 여러 줄 텍스트 입력 상자
tt - 타자기 텍스트 정의
var -
변수 정의

base 태그 사용 방법

js 사용 방법 html로 로컬 시스템 시간 가져오기

사진만 표시하기 위해 태그에서 다른 속성을 설정하고 숨기는 방법

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