HTML의 인용 태그
HTML의 인용 태그는 를 사용하여 짧은 인용을 표시하는 데 사용됩니다. 꼬리표.
사이에 포함되어 있습니다. ….
. 포함된 텍스트가 인라인 인용문에 있음을 나타내는 데 도움이 됩니다. 짧은 인용의 경우 …
태그를 사용하는 반면, 긴 인용문의 경우 라는 HTML 태그를 사용합니다. …..
.이 태그는 웹 브라우저의 텍스트를 일반 텍스트와 다르게 표시하는 데 특별히 사용됩니다.태그는 HTML에서 웹페이지 문서의 블록 수준 인용을 표시하는 데 사용됩니다. 이러한 태그는 웹페이지의 흐름을 여러 섹션에 분산시키기 때문에 스타일링 목적에 가장 유용합니다.
구문:
<q> Some text </q>
이 태그는 HTML 문서에서 인라인 인용문을 표시하는 데 사용됩니다.
<blockquote> Some text </blockquote>
이 태그는 블록 수준의 인용문을 표시하는 데 사용됩니다. 텍스트의 위치를 변경하고 다른 요소와 다르게 만드는 데 도움이 됩니다. 이 태그는 인용의 실제 출처를 정의하는 데 도움이 되는 cite라는 속성을 사용합니다.
HTML의 인용 태그 요소
다음은 인용 태그 내에서 사용할 가장 유용한 요소입니다.
예 #1 – <주소> 태그
이 태그는 HTML 문서에 주소를 표시하는 데 사용되며 다음과 같이 주소 태그에 텍스트를 넣습니다.
구문:
<address> some text </address>
코드:
<!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <address>156, devanagri, <br> Near shanoormiya darga, <br> Aurangabad </address> </body> </html>
출력:
예 #2 – 태그
이 요소를 사용하여 텍스트의 약어를 정의할 수 있습니다. 사용자가 이 태그 위로 마우스를 가져갈 때마다 텍스트의 약어가 표시됩니다.
구문:
<abbr> Text </abbr>
코드:
<!DOCTYPE html> <html> <head> <title>abbr element </title> </head> <body> <p>Welcome to <abbr title="Beautiful Automation System">Beautosys</abbr></p> </body> </html>
출력:
예시 #3 – 태그
인용 태그의 이 태그는 양방향 재정의를 정의하는 데 사용됩니다. HTML 요소의 실제 텍스트 방향을 변경합니다.
구문:
<bdo dir=”value”> text </bdo>
여기서 dir 값은 ltr이 왼쪽에서 오른쪽 방향을 의미하거나 rtl이 오른쪽에서 왼쪽 방향을 의미할 수 있습니다.
코드:
<!DOCTYPE html> <html> <body> <p> Uday wire Industries </p> <p><bdo dir=”ltr” >Uday wire Industries </bdo></p> </body> </html>
출력:
예 #4 – 태그
인라인 텍스트 인용문을 표시하는 데 사용됩니다.
구문:
<q> text </q>
코드:
<!DOCTYPE html> <html> <body> <q>Sisters are the choc chips in the era of biscuits </q> </body> </html>
출력:
예 #5 – 태그
웹문서에서 블록단위 인용문을 표현하는데 사용됩니다.
구문:
<blockquote> contents </blockquote>
코드:
<!DOCTYPE html> <html> <head> <title> Quotation tag in HTML </title> </head> <body> <p> Uday wire Industries </p> <p><blockquote> In the era of making new friends and showing off , I just wish one thing, that my old one’s stay; No matter what the trend is.</blockquote> </p> </body> </html>
출력:
HTML의 인용 태그 예
다음은 예시입니다.
예시 #1
인용 태그가 어떻게 사용되는지 예시를 살펴보겠습니다. 여기에는 주소 태그, 약어 태그 및 다양한 인용 태그도 포함됩니다.
코드:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
}
.qtag{
background-color: burlywood;
border-color: crimson;
border-style: dashed;
}
</style>
</head>
<body>
<div class="qtag">
<h2 style="color:brown;">Quotation Tags Example</h2>
<h4>Address tag</h4>
<address>
<blockquote>
<p> 176, Kauslya kunj <br>
Andaman Hill , Pangari Road <br>
Chandigad <br>
<b>Contact US</b><br>
Contact No: 9968795334 <br>
EmailD: [email protected]<br>
</p>
</blockquote>
</address>
<h4>Abbreviation tag</h4>
<p>
<q>Being with <abbr title="Beautiful Automation Systems ">BEAUTOSYS </abbr> for marvelous growth into your business, Automation in technology and many more....... ! Stay Connected </q>
</p>
<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services </p>
<h5>Stay Connected!</h5>
</div>
</body>
</html>
출력:
예시 #2
인용 태그가 어떻게 사용되는지 예시를 살펴보겠습니다. bdo 태그가 포함되어 있습니다.
코드:
<!DOCTYPE html> <html> <body> <h2>bdo tag in quotation</h2> <p>dir value in the bdo tag defines the direction from which direction text is going to move and it will generate output. <b>rtl </b>value defines text will moves from right to left direction where as <b>ltr</b></p> <h4>bdo tag</h4> <p>Tere is no success like failure. <br> <bdo dir="rtl">Tere is no success like failure.</bdo> </p> <p>I get knocked down. But I get up again. You’re never going to keep me down <br> <q><bdo dir="ltr">I get knocked down. But I get up again. You’re never going to keep me down</bdo></q> </p> <p>Don’t let what you cannot do interfere with what you can do.” <br> <bdo dir="rtl">Don’t let what you cannot do interfere with what you can do.”</bdo></p> <p>The secret of getting ahead is getting started <q><bdo dir="ltr">The secret of getting ahead is getting started</bdo></q> </p> <p>Success iss the sum of small efforts , Repeated day_in and day_out.<br> <bdo dir="rtl">Success iss the sum of small efforts , Repeated day_in and day_out.</bdo> </p> </body> </html>
출력:
예시 #3
이 예는 다음과 같이 인라인 및 블록 수준 텍스트에 대한 인용문을 표시합니다.
코드:
<!DOCTYPE html> <html> <body> <p> Quotation <b>q</b> tag </p> <p><q> Success demands singleness of purpose.</q></p> <p><q>Choosing a goal and sticking to it changes everything.</q></p> <p><q> Choose a job you love, and you will never have to work a day in your life!.</q></p> <p><q> The most important thing about motivation is goal setting .You should always have a goal</q></p> <br> <p>Quotation <b>blockquote </b> tag for Block </p> <h4>Big data is advance Telemedicine</h4> <blockquote> <p>Big data is making impact in every field now a day. By using latest technology in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. </p></blockquote> </body> </html>
출력:
결론
및
태그는 HTML에서 인용 태그로 사용됩니다.
태그는 인라인 텍스트용입니다. 여기서
블록 수준 텍스트 요소용입니다.
cite.
라는 태그 지원 속성을 지원합니다. 태그는 , , 와 같은 태그도 지원합니다. 등등
위 내용은 HTML의 인용 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undress AI Tool
무료로 이미지를 벗다
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
HTML의 링크 태그에서 Rel 속성의 목적은 무엇입니까?
Aug 03, 2025 pm 04:50 PM
rel="stylesheet"linksCSSfilesforstylingthepage;2.rel="preload"hintstopreloadcriticalresourcesforperformance;3.rel="icon"setsthewebsite’sfavicon;4.rel="alternate"providesalternateversionslikeRSSorprint;5.rel=&qu
HTML 양식으로 검색 입력 필드를 만드는 방법
Aug 02, 2025 pm 04:44 PM
usetheelementwithinatocreateasemanticsearchfield.2
HTML에서 양식 데이터를 보내는 제출 버튼을 만드는 방법
Aug 02, 2025 pm 04:46 PM
요소를 사용하고 작업 및 메소드 속성을 설정하여 데이터 제출 주소 및 메소드를 지정합니다. 2. 이름 속성이있는 입력 필드를 추가하여 서버에서 데이터를 인식 할 수 있는지 확인하십시오. 3. 제출 버튼을 사용하거나 생성하면 클릭 한 후 브라우저는 양식 데이터를 지정된 URL로 보내고 백엔드가 처리하여 데이터 제출을 완료합니다.
태그로 텍스트를 강조하는 방법은 무엇입니까?
Aug 04, 2025 pm 04:29 PM
태그를 사용하여 텍스트를 의미 적으로 강조 표시하며 종종 검색 결과 또는 중요한 내용을 식별하는 데 사용됩니다. 2. 배경색, 텍스트 색상 및 경계와 같은 사용자 정의 스타일은 CSS를 통해 사용자 정의 할 수 있습니다. 3. 접근성과 SEO 효과를 향상시키기 위해 시각적 장식이 아니라 실질적인 의미를 가진 맥락에서 사용해야합니다.
HTML을 사용하여 새 탭에서 열리는 링크를 만드는 방법
Aug 05, 2025 am 04:29 AM
새 탭에서 링크를 안전하게 열려면 target = "_ blank"를 사용하고 항상 rel = "noopener"와 협력해야합니다. 개인 정보 보호를 향상시키기 위해 Rel = "Noreferrer"를 선택할 수 있습니다. 특정 단계는 다음과 같습니다. 1. HREF를 사용하여 대상 URL을 설정합니다. 2. target = "_ blank"를 추가하여 새 탭에서 링크를 엽니 다. 3. 새 페이지가 원래 페이지를 조작하고 성능을 향상시키는 것을 방지하기 위해 Rel = "Noopener"를 추가하십시오. 4. 전송을 방지하기 위해 Rel = "Noreferrer"를 선택할 수 있습니다
HTML 이미지의 Longdesc 속성은 여전히 유용합니다
Aug 03, 2025 pm 02:15 PM
thelongdescattributeisobsoleteduetopoorbowerandscreen Readersupport, 종종 종종 leavingUserSunawareofavailedDescriptions.2. Modernaltives likesinlinedescriptions, aria-describedby, semantichtmlelementssuchasfigureandfigcaption, 및 expandaltabletabletaintaintabletaintaintable
html5에서 와 의 차이점은 무엇입니까?
Aug 04, 2025 am 11:02 AM
클래스와 대, 대, 대 또는 ID와 같이 비교하려는 두 개의 HTML5 요소 또는 속성을 명확히하여 차이에 대한 명확하고 실용적인 설명을 제공 할 수 있습니다.
맞춤법 검사 속성은 HTML5에서 어떻게 작동합니까?
Aug 03, 2025 pm 02:46 PM
THESPELLCHECKATTRIBITINHTML5CONTRROLSWHETHERTHEBROWSERCHECKSPROMNING 및 GRAMMAREINEDEMENMES.2.ITWORKSONINPUTFIELDS, TEXTAREAS, andCONTENTEDELEMENTSBYUNDERLENGERRORSINREDORGREEN.3.
