“ ” 태그는 단락으로 간주되는 텍스트를 웹 페이지에 표시하는 데 사용됩니다. '
' 태그는 단락 앞과 뒤에 추가되는 사전 정의된 수직 공백과 함께 제공됩니다. '
' 태그 안의 텍스트는 항상 다음 줄에 표시되며 추가 공백도 건너뜁니다. 개발자는 p 태그를 사용하여 콘텐츠를 개별 섹션으로 분리하거나 정보를 논리적으로 구성할 수 있습니다.
이 가이드는 실제 구현과 함께 HTML p 태그를 보여줍니다.
HTML p 태그란 무엇입니까?
“ ” 태그는 웹 페이지에서 콘텐츠의 구조를 강화하고 텍스트를 더욱 부각시키기 위해 활용됩니다. 검색 결과에서 웹 사이트의 순위를 향상시킬 수 있는 웹 페이지의 SEO 프로세스에 도움이 됩니다.
통사론
'에 대한 구문 ” 태그는 다음과 같이 표시됩니다.
< 피 > 리눅스 피 >
위의 코드 줄에서 ' '는 시작 태그이고 '
”는 닫는 태그입니다. 닫는 태그는 HTML 요소의 복잡성과 겹침을 피하기 위해 반드시 사용해야 합니다.
아래 예를 방문하여 ' ” 태그 작동:
< 몸 >< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
몸 >
위 코드 스니펫의 출력은 다음과 같습니다.
위의 출력은 '를 사용하여 화면에 표시되는 일반 텍스트를 보여줍니다. ” 태그.
태그에 CSS 스타일링을 적용하는 방법은 무엇입니까?
“ ' 태그는 '와 같은 전역 속성을 허용합니다. 수업 ”, “ ID ' 또는 ' 스타일 ” 등 CSS 속성을 사용하여 선택한 요소를 스타일링하는 데 활용할 수 있습니다. 개발자는 전역 속성 중 하나를 사용하여 특정 요소에만 CSS 속성을 적용할 수 있습니다. 그리고 모든 ' ” 웹 페이지에서 사용되는 태그는 HTML을 직접 선택합니다. 피 ” CSS 파일 내의 요소 또는 “ <스타일> ” 태그.
예 1: 모든 'p' 요소에 CSS 속성 적용
모든
HTML 요소에 동일한 스타일을 설정하려면 아래 코드 스니펫을 방문하세요.
< 스타일 >피 {
배경색: 포레스트그린;
색상: 흰색;
}
스타일 >
< 몸 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
몸 >
위 코드 스니펫에서 CSS ' 배경색 ' 그리고 ' 색상 ' 속성이 '에 적용됩니다. 피 ” 요소를 직접 선택하여 피 ” 요소 선택자.
위의 코드 조각을 실행한 후 웹 페이지는 다음과 같습니다.
위의 출력은 동일한 스타일이 모든 ' 피 ” 웹 페이지의 요소.
예 2: 고유한 'p' 요소에 CSS 속성 적용
고유한 ' 피 ” 요소, style, id 또는 class 속성을 활용할 수 있습니다. 이러한 전역 속성은 CSS 속성을 ' 피 ” 요소가 첨부됩니다.
코드를 살펴보겠습니다.
< 스타일 >피 {
배경색: 포레스트그린;
색상: 흰색;
}
.using 클래스 {
배경색: 진한 청록색;
}
#사용 ID{
배경색: 장밋빛 갈색;
}
스타일 >
< 몸 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 스타일 = '배경색:빨강' > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 수업 = '사용 클래스' > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 ID = '사용 ID' > 안녕하세요 Linuxhint 커뮤니티 피 >
< 피 > 안녕하세요 Linuxhint 커뮤니티 피 >
몸 >
위의 코드 스니펫에서 ' 피 ” 요소는 전역 속성과 함께 사용할 때 다른 값으로 설정됩니다.
위의 코드 조각을 실행하면 웹 페이지가 다음과 같이 나타납니다.
위의 출력은 ' 피 ” 요소는 이제 전역 속성의 도움으로 고유한 스타일이 지정됩니다.
결론
“ <피>” 태그는 웹 페이지의 콘텐츠를 구성하고 구성하는 데 도움이 되는 HTML의 기본 요소입니다. 가독성과 접근성을 향상시키고 검색 엔진 최적화에 도움을 줍니다. 표시할 데이터는 ' 태그 안에 배치됩니다. 피 ' 요소. '와 같은 전역 속성 ID ”, “ 클래스 ' 또는 ' 스타일 ”에 CSS 스타일링을 적용하는 데 활용할 수 있습니다. 피 ' 요소. 이 가이드는 HTML
태그를 설명했습니다.