HTML 인용 태그

HTML 에서 인용 태그는 시 , 에세이 , 스크립트 , 영화 , 그림 등과 같은 창작물의 참조 또는 제목을 정의합니다. 일반적으로 대부분의 브라우저는 인용 태그 내부의 텍스트를 기울임꼴로 렌더링합니다. CSS 속성을 사용하여 스타일을 변경할 수 있습니다.

팁 : 인용 태그 또는 "인용"속성을 사용하여 blockquotes 또는 q 태그 내에서 콘텐츠의 참조 소스를 정의할 수 있습니다.

통사론:

이 태그에는 시작 인용 태그와 끝 인용 태그가 모두 포함됩니다. 콘텐츠는 이 두 태그 사이에 기록됩니다.


<cite> Enter your text here </cite>

HTML 인용 태그 샘플:


<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
<h2>Sample for HTML Cite tag</h2>
    <p>"Don't Let Yesterday Take Up Too Much Of Today".</p><br>
<cite>Will Rogers</cite> 
  </body>
</html>

결과:

결과

샘플 파일 다운로드:

HTML-Cite-Tag Download

속성:

인용 태그는 전역 속성과 이벤트 속성을 지원합니다.

인용 태그의 스타일 지정 방법:

다음 속성을 사용하여 HTML 인용 태그의 스타일을 지정할 수 있습니다.

인용 태그에서 텍스트의 시각적 무게/강조/크기 스타일을 지정하는 속성:

CSS font-style – 이 CSS 속성은 normal, italic, oblique, initial, inherit와 같은 텍스트의 글꼴 스타일을 설정하는 데 도움이 됩니다.

CSS font-family – 이 CSS 속성은 선택한 요소에 대한 하나 이상의 글꼴 패밀리 이름 또는 일반 패밀리 이름의 우선 순위 목록을 지정합니다.

CSS 글꼴 크기 – 이 CSS 속성은 글꼴 크기를 설정하는 데 도움이 됩니다.

CSS font-weight – 이 CSS 속성은 글꼴을 굵게 할지 두껍게 할지 정의하는 데 사용됩니다.

CSS text-transform – 이 CSS 속성은 텍스트의 대소문자와 대소문자를 제어합니다.

CSS test-decoration – 이 CSS 속성은 text-decoration-line , text-decoration-color , text-decoration-style 과 같이 텍스트에 추가되는 장식을 지정합니다.

인용 태그의 텍스트 색상 지정 스타일:

CSS 색상 – 이 CSS 속성은 텍스트 콘텐츠 및 장식의 색상을 지정합니다.

CSS background-color – 이 CSS 속성은 요소의 배경색을 설정하는 데 도움이 됩니다.

인용 태그의 텍스트 레이아웃 스타일:

CSS text-indent – 이 CSS 속성은 텍스트 블록의 첫 줄 들여쓰기를 지정하는 데 사용됩니다.

*CSS text-overflow * – 이 CSS 속성은 표시되지 않는 오버플로된 내용을 사용자에게 알리는 방법을 설명하는 데 도움이 됩니다.

CSS white-space – 이 CSS 속성은 요소 내부의 공백을 처리하는 방법을 설명합니다.

CSS word-break – 이 CSS 속성은 줄을 끊어야 하는 위치를 결정합니다.

인용 태그의 기타 속성:

CSS text-shadow – 이 CSS 속성은 텍스트에 그림자를 추가하는 데 도움이 됩니다.

CSS text-align-last – 이 CSS 속성은 텍스트의 마지막 줄 정렬을 설정합니다.

CSS line-height – 이 CSS 속성은 줄의 높이를 정의합니다.

CSS letter-spacing – 이 CSS 속성은 텍스트에서 문자/문자 사이의 간격을 결정하는 데 도움이 됩니다.

CSS word-spacing – 이 CSS 속성은 모든 단어 사이의 간격을 지정합니다.

브라우저 지원:

브라우저 지원