1. 먼저 인라인 요소와 블록 수준 요소가 무엇인지 요약해 보겠습니다. 인라인 요소: 태그는 앵커를 정의할 수 있습니다. 는 약어를 나타냅니다. 첫 글자 약어 굵은 글꼴 <큰> 굵은 글꼴 정의 컴퓨터 코드 텍스트정의 항목 정의강조된 내용으로 정의기울임꼴 텍스트 효과웹 페이지에 이미지 삽입입력 상자 < ;kbd>키보드 텍스트 정의 레이블은 요소에 대한 레이블(태그) 정의 짧은 따옴표 정의 샘플 텍스트 정의 라디오 선택 만들기 또는 다중 -메뉴 선택작은 글꼴 효과 표시문서의 인라인 요소 결합콘텐츠에 대한 강조 강화아래 첨자 텍스트 정의< ;textarea>여러 줄 텍스트 입력 컨트롤타자기 또는 고정 너비 텍스트 효과변수 정의블록 수준 요소: 주소 정의 테이블 제목 목록의 항목 정의 문서의 섹션 또는 섹션 정의 목록 정의 목록의 항목 정의 프레임세트 정의 HTML 양식 만들기 가장 큰 제목 정의 부제 정의 제목 정의 제목 정의 제목 정의 제목을 정의하는 요소에 대한 가로선 목록 항목을 정의하는 태그 ; 지원되지 않는 경우 프레임의 브라우저는 프레임세트 요소 내부에 텍스트를 표시합니다. 스크립트가 실행되지 않을 때 대체 콘텐츠 정의순서가 지정된 목록 정의 비순서 목록 정의 < p>태그 정의 단락 미리 서식이 지정된 텍스트 정의 태그 HTML 테이블 정의 태그 테이블 본문(텍스트) 테이블의 표준 셀 테이블 정의 바닥글(각주 또는 표 참고) 는 머리글 셀을 정의합니다. 레이블은 표의 머리글을 정의합니다. 은 표의 행을 정의합니다. 2. 그런 다음 행을 살펴보겠습니다. 요소와 블록 수준 요소의 차이점: 1. 인라인 요소와 블록 수준 요소의 직관적인 차이점 인라인 요소는 모두 같은 선에 가로로 정렬됩니다. 요소는 각각 한 줄을 차지하며 수직으로 배열됩니다. 블록 수준 요소는 새 줄에서 시작하고 줄 바꿈으로 끝납니다. 2. 블록 수준 요소에는 인라인 요소와 블록 수준 요소가 포함될 수 있습니다. 인라인 요소는 블록 수준 요소를 포함할 수 없습니다. 3. 인라인 요소와 블록 수준 요소의 속성 차이는 주로 상자 모델 속성 때문입니다. 인라인 요소 세트 너비가 유효하지 않고 높이가 유효하지 않습니다(라인 높이 설정 가능). down은 유효하지 않으며, up 및 down 패딩은 유효하지 않습니다. 3. 요소 및 블록 수준 요소의 인라인 변환: 블록 수준 요소를 인라인 요소로 변환: display:inline; 인라인 요소를 블록 수준 요소로 변환: 디스플레이:블록; 인라인 블록 요소: 디스플레이:인라인-블록;
