HTML의 인용 태그

HTML의 인용 태그는 를 사용하여 짧은 인용을 표시하는 데 사용됩니다. 꼬리표. 사이에 포함되어 있습니다. …. . 포함된 텍스트가 인라인 인용문에 있음을 나타내는 데 도움이 됩니다. 짧은 인용의 경우 … 태그를 사용하는 반면, 긴 인용문의 경우

라는 HTML 태그를 사용합니다. …..

.이 태그는 웹 브라우저의 텍스트를 일반 텍스트와 다르게 표시하는 데 특별히 사용됩니다.

태그는 HTML에서 웹페이지 문서의 블록 수준 인용을 표시하는 데 사용됩니다. 이러한 태그는 웹페이지의 흐름을 여러 섹션에 분산시키기 때문에 스타일링 목적에 가장 유용합니다.

구문:

<q> Some text </q>

이 태그는 HTML 문서에서 인라인 인용문을 표시하는 데 사용됩니다.

<blockquote> Some text </blockquote>

이 태그는 블록 수준의 인용문을 표시하는 데 사용됩니다. 텍스트의 위치를 ​​변경하고 다른 요소와 다르게 만드는 데 도움이 됩니다. 이 태그는 인용의 실제 출처를 정의하는 데 도움이 되는 cite라는 속성을 사용합니다.

HTML의 인용 태그 요소

다음은 인용 태그 내에서 사용할 가장 유용한 요소입니다.

예 #1 –  태그

이 태그는 HTML 문서에 주소를 표시하는 데 사용되며 다음과 같이 주소 태그에 텍스트를 넣습니다.

구문:

<address>  some text </address>

코드:

<title>abbr element </title>


<address>156, devanagri, <br>
Near shanoormiya darga, <br>
Aurangabad
</address>

출력:

예 #2 – 태그

이 요소를 사용하여 텍스트의 약어를 정의할 수 있습니다. 사용자가 이 태그 위로 마우스를 가져갈 때마다 텍스트의 약어가 표시됩니다.

구문:

<abbr> Text </abbr>

코드: 

<title>abbr element </title>


<p>Welcome to <abbr title="Beautiful
Automation System">Beautosys</abbr></p>

출력:

예시 #3 – 태그

인용 태그의 이 태그는 양방향 재정의를 정의하는 데 사용됩니다. HTML 요소의 실제 텍스트 방향을 변경합니다.

구문:

<bdo dir="”value”"> text </bdo>

여기서 dir 값은 ltr이 왼쪽에서 오른쪽 방향을 의미하거나 rtl이 오른쪽에서 왼쪽 방향을 의미할 수 있습니다.

코드:

<p> Uday wire Industries </p>
<p><bdo dir="”ltr”">Uday wire Industries </bdo></p>

출력:

예 #4 – 태그

인라인 텍스트 인용문을 표시하는 데 사용됩니다.

구문:

<q> text </q>

코드:

<q>Sisters are the choc chips in the era of biscuits </q>

출력:

예 #5 –

태그

웹문서에서 블록단위 인용문을 표현하는데 사용됩니다.

구문:

<blockquote> contents </blockquote>

코드:

<title> Quotation tag in HTML </title>


<p> Uday wire Industries </p>
<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>

출력:

HTML의 인용 태그 예

다음은 예시입니다.

예시 #1

인용 태그가 어떻게 사용되는지 예시를 살펴보겠습니다. 여기에는 주소 태그, 약어 태그 및 다양한 인용 태그도 포함됩니다.

코드:

<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>


<div class="qtag">
<h2 id="Quotation-Tags-Example">Quotation Tags Example</h2>
<h4 id="Address-tag">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 id="Abbreviation-tag">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 id="Stay-Connected">Stay Connected!</h5>
</div>

출력: 

예시 #2

인용 태그가 어떻게 사용되는지 예시를 살펴보겠습니다. bdo 태그가 포함되어 있습니다.

코드:

<h2 id="bdo-tag-in-quotation">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 id="bdo-tag">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>

출력:

예시 #3

이 예는 다음과 같이 인라인 및 블록 수준 텍스트에 대한 인용문을 표시합니다.

코드:

<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 id="Big-data-is-advance-Telemedicine">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>

출력:

결론

및

태그는 HTML에서 인용 태그로 사용됩니다. 태그는 인라인 텍스트용입니다. 여기서

블록 수준 텍스트 요소용입니다. cite.라는 태그 지원 속성을 지원합니다. 태그는

, , 와 같은 태그도 지원합니다. 등등

위 내용은 HTML의 인용 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!