html의 인라인 요소는 무엇인가요? HTML 블록 내의 요소는 무엇입니까? 이 글에서는 어떤 것이 인라인 요소이고 어떤 것이 블록 수준 요소인지, 그 특징과 차이점을 소개합니다.
HTML 인라인 요소의 특징:
인라인 요소는 인라인 요소 또는 임베디드 요소라고도 합니다. 인라인 요소와 기타 요소는 모두 같은 줄에 있으며 높이, 줄 높이, 패딩, 여백은 변경할 수 없습니다. 너비는 텍스트나 이미지의 너비이며 변경할 수 없습니다. 인라인 요소는 텍스트나 기타 인라인 요소만 담을 수 있습니다.
이전 글에서 언급한 a, img, br은 인라인 요소입니다.
블록 요소의 특성:
①항상 새 줄에서 시작합니다.
②높이, 줄 높이, 여백 및 패딩을 모두 제어할 수 있습니다.
③너비가 지정되지 않는 한 기본 너비는 컨테이너의 100%입니다. set;
4 인라인 요소와 기타 블록 요소를 수용할 수 있습니다.
인라인 요소의 특징:
①과 다른 요소는 같은 줄에 있습니다.
②높이, 줄 높이, 외부 여백 및 내부 여백은 변경할 수 없습니다.
3너비는 텍스트 또는 그림입니다. ;
4인라인 요소는 텍스트나 기타 인라인 요소만 수용할 수 있습니다.
인라인 요소 및 블록 요소에 대한 설명:
CSS 사양에 따르면 각 웹 페이지 요소에는 요소 유형을 결정하는 데 사용되는 표시 속성이 있습니다. 각 요소에는 기본 표시 속성이 있습니다. div 요소와 같은 값의 기본 표시 속성 값은 "블록 수준" 요소라고 하는 "블록"이고, 범위 요소의 기본 표시 속성 값은 "인라인"이라고 하는 "인라인"입니다. " 요소 . div와 같은 블록 수준 요소는 자동으로 특정 직사각형 공간을 차지합니다. 이 직사각형의 모양은 높이, 너비, 내부 및 외부 여백과 같은 속성을 설정하여 조정할 수 있습니다. 반대로 "span"과 같은 인라인 요소는 다음과 같습니다. 및 "a" 요소는 자체 독립 공간을 갖지 않으며 다른 블록 수준 요소에 부착되어 존재하므로 인라인 요소에 높이, 너비, 내부 및 외부 여백과 같은 속성을 설정하는 것은 유효하지 않습니다.
인라인 요소와 블록 요소의 차이점:
(1) 블록 수준 요소는 단독 라인을 차지하며 해당 너비는 자동으로 상위 요소의 너비를 채우며 독점 라인을 차지하지 않습니다. 인접한 인라인 요소는 같은 줄에 배열되며 한 줄이 들어갈 수 없을 때까지 줄이 끊어지고 요소의 내용에 따라 너비가 변경됩니다
(2) 일반적으로 블록 수준 요소는 너비를 설정할 수 있습니다. 높이 속성과 너비 및 높이를 설정한 인라인 요소는 유효하지 않습니다
(참고: 블록 수준 요소의 너비를 설정하더라도 여전히 전용 라인을 차지합니다)
(3) 블록 수준 요소는 여백을 설정할 수 있습니다. 인라인 요소의 padding-left, padding-right, margin-left의 가로 방향, Margin-right는 모두 여백 효과를 생성하지만 padding-top, padding-bottom, margin-top 및 margin-bottom에서는 수직 방향은 여백 효과를 생성하지 않습니다. (가로 방향은 유효, 세로 방향은 무효) 행 요소와 블록 요소는 무엇입니까? 정렬 블록
dir - 디렉토리 목록
div - 일반적으로 사용되는 블록 수준은 쉽고 CSS 레이아웃의 기본 태그이기도 합니다. dl - 정의 목록
fieldset - 양식 제어 그룹 form - 대화형 양식
h1 - 큰 제목
h2 - 자막
h3 - 레벨 3 제목
h4 - 레벨 4 제목
h5 - 레벨 5 제목
h6 - 레벨 6 제목
hr - 가로 구분선
menu - 메뉴 목록
noframes - 프레임 수 선택적 콘텐츠(이 블록 콘텐츠는 프레임을 지원하지 않는 브라우저에 표시됩니다.
noscript - 선택적 스크립트 콘텐츠( 이 내용은 스크립트를 지원하지 않는 브라우저에서 표시됩니다)
ol - 정렬 형식
p - 문단
pre - 서식 있는 텍스트
able - Table
ul - 정렬되지 않은 목록
inline 요소(인라인 요소)
a - Anchor
abbr - 약어
acronym - 첫 번째 단어
b - 굵게(권장하지 않음)
big - 큰 글꼴
br - 줄 바꿈
cite - 인용문 code - 컴퓨터 코드(필수) 소스 코드를 인용할 때)
dfn - 필드 정의
em - 강조
font - 글꼴 설정(권장하지 않음)
i - 기울임꼴
img - 그림
input - 입력 상자
kbd - 키보드 텍스트 정의
label - 테이블 레이블
q - 짧은 따옴표
s - 중간 취소선(권장하지 않음)
samp - 샘플 컴퓨터 코드 정의
select - 프로젝트 선택
small - 작은 글꼴 텍스트
span - 일반적으로 사용되는 인라인 컨테이너 , 텍스트 내의 블록 정의
strike - 취소선
강함 - 굵은 강조
sub - subscript
sup - superscript
textarea - 여러 줄 텍스트 입력 상자
tt - telex text
u - underline
var - 변수 정의
【관련 추천】
HTML5란 무엇인가요? HTML5의 특징과 장점, 단점은 무엇인가요?HTML의 기본 요소로 HTML을 처음부터 배울 수 있습니다.
위 내용은 HTML의 인라인 요소와 인라인 요소는 무엇입니까? HTML 인라인 요소와 인라인 요소의 특성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!