HTMLの引用タグ

王林
王林オリジナル
2024-09-04 16:22:04761ブラウズ

HTML の引用タグは、 を使用して短い引用を表示するために使用されます。タグ。 で囲まれています。 …。 。含まれているテキストがインライン引用符内にあることを示すのに役立ちます。短い引用には、 を使用します。タグを使用しますが、長い引用の場合は

という HTML タグを使用します。 …..
。このタグは、通常のテキストとは異なる方法で Web ブラウザ上のテキストを示すために特別に使用されます。
タグは、Web ページ ドキュメント内のブロック レベルの引用を表すために HTML で使用されます。これらのタグは、Web ページのフローをさまざまなセクションに分散するため、スタイル設定の目的に最も役立ちます。

構文:

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

出力:

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>

出力:

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>

出力:

HTMLの引用タグ

例 #4 – タグ

これはインラインテキストの引用を表示するために使用されます。

構文:

<q> text </q>

コード:

<!DOCTYPE html>
<html>
<body>
<q>Sisters are the choc chips in the era of biscuits </q>
</body>
</html>

出力:

HTMLの引用タグ

例 #5 –
タグ

これは、Web ドキュメント内のブロックレベルの引用を表すために使用されます

構文:

<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の引用タグ

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>

出力:

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>

出力:

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の引用タグ

結論

タグはHTMLの引用タグとして使用されます。 タグはインライン テキスト用であり、
となります。はブロックレベルのテキスト要素です。 cite というタグのサポート属性。タグは、
などのタグもサポートしています。など

以上がHTMLの引用タグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:HTML凡例タグ次の記事:HTML凡例タグ