[블록 수준 태그와 행 수준 태그의 차이점]
1. 블록 수준 태그: 기본 너비 100%(한 줄 차지)
자동 줄 바꿈(오른쪽에는 아무것도 들어갈 수 없음)
사용할 수 있습니다. 너비와 높이를 설정하는 CSS
2. 행 수준 태그: 콘텐츠 너비, 콘텐츠에서 지원(콘텐츠 너비는 너비만큼 넓음)
자동으로 줄 바꿈되지 않음(왼쪽에서 오른쪽으로 정렬) )
【공통 행 수준 태그 】
span(텍스트)
img(이미지)
em(강조)
strong(강조)
q(짧은 따옴표)
a(하이퍼링크) )
i(기울기)
b(굵게)
작은(글꼴 줄이기)
[em/strong i/b] Difference
① em과 i는 기울일 수 있고, Strong과 b는 굵게 할 수 있으며, 하지만 i와 b는 단순한 기울기일 뿐이고, em과 Strong은 더 강조 의미가 있습니다
②em과 Strong은 모두 강조를 나타내지만 Strong은 더 높은 수준의 강조를 나타냅니다.
참고: 강조의 목적은 검색 엔진에 핵심 내용을 알리는 것입니다. 하지만 검색 엔진 검색과는 관련이 없습니다
Strong과 em 모두 여러 레이어에 중첩될 수 있어 강조 정도가 증가함을 나타냅니다.
3개의 주요 인용 태그가 있습니다
Baidu
q 태그: 짧은 인용문을 나타냅니다.
cite 속성: 인용문의 출처를 선언하는 데 사용됩니다.
작품명, 서예, 그림명을 인용하세요
유사점: 세 가지 주요 인용 태그는 모두 cite를 사용하여 인용 출처를 선언합니다
차이점: 1. 인용 내용이 다릅니다
q-> 한 문장 blockquote-> ; 작품 이름
2 표시되는 기본 효과가 다릅니다.
blockquote-> 기본값은 전체 단락을 오른쪽으로 들여쓰는 것입니다.
q-> 기본값은 따옴표를 추가하는 것입니다. til
img
상대경로 :
1. 사진은 현재 문서와 같은 폴더에 있으니, 사진 이름을 직접 적어주세요
2. 사진은 현재 문서 아래 폴더에 폴더 이름/사진 이름
3 사진은 현재 문서 위에 있습니다. , ../그림 이름 (../는 한 레이어 뒤로 돌아가는 것을 의미)
그림은 프로젝트에 포함되어야 하며 프로젝트 외부에서는 접근할 수 없습니다.
align:
상단->사진 상단, 중앙->사진 중앙, 하단->사진 하단
위 내용은 H5 학습 시작하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
